WEB在線流程圖設計器:GOOFLOW

jopen 11年前發布 | 186K 次閱讀 GOOFLOW 工作流引擎

這是一個用來在瀏覽器上設計流程圖的WEB UI組件,基于Jquery開發。可用來設計各種引擎的流程圖、邏輯流圖,數據流圖,或者是設計某個系統中需要走流程的功能應用。用戶體驗經本人的不斷改良后使得操作界面很容易上手,不僅二次開發人員可用,最終用戶也能用。

特點:

? 跨瀏覽器,可兼容IE7--IE10, FireFox, Chrome, Opera等幾大內核的瀏覽器,且不需要瀏覽器再加裝任何控件。 (IE7-IE8時,使用VML;IE9以上,FF,OPERA,CHROME,SAFARI上使用SVG) 

? 多系統兼容性、可移植性:由于只包括前臺UI,因此二次開發者可很方便將本插件用在任何一種需要流程圖的B/S系統應用上,流程圖的詳細實現邏輯完全交于 后臺程序開發者自己實現;對于后臺,只要能返回/接收能被本插件解析的JSON格式數據即可.所以本插件可用于不同的服務器語言建立的后臺上. 

? 跨領域:流程圖設計器不止用在電信領域,在其它需要IT進行技術支持的領域中都有重大作用. 

?
以下從純技術實現層面具體描述: 
? 頁面頂部欄、左邊側邊欄均可自定義; 
? 當左邊的側邊欄設為不顯示時,為只讀狀態,此時的視圖區可當作是一個查看器而非編輯器。 
? 側邊工具欄除了基本和一些流程節點按鈕外,還自定義新的節點按鈕,自定義節點都可以有自有的圖標、類型名稱,定義后在使用可可在工作區內增加這些自定義節點。 
? 頂部欄可顯示流程圖數據組的標題,也可提供一些常用操作按鈕。 
? 頂部欄的按鈕,除了撤銷、重做按鈕外,其余按鈕均可自定義點擊事件。 
? 可畫直線、折線;折線還可以左右/上下移動其中段。 
? 具有區域劃分功能,能讓用戶更直觀地了解哪些節點及其相互間的轉換,是屬于何種自定義區域內的。 
? 具有標注功能,用橙紅色標注某個結點或者轉換線,一般用在展示流程進度時。 
? 能直接雙擊結點、連線、分組區域中的文字進行編輯 
? 在對結點、連線、分組區域的各種編輯操作,如新增/刪除/修改名稱/重設樣式或大小/移動/標注時,均可捕捉到事件,并觸發自定義事件,如果自定義事件執行的方法返回FALSE,則會阻止操作。 
? 具有操作事務序列控制功能,在工作區內的各種有效操作都能記錄到一個棧中,然后可以進行撤銷(undo())或重做(redo()),像典型的C/S軟件一樣。 

WEB在線流程圖設計器:GOOFLOW

WEB在線流程圖設計器:GOOFLOW

項目主頁:http://www.baiduhome.net/lib/view/home/1367589402277

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!