1. 程式人生 > >基於JQUERY的WEB線上流程圖設計器GOOFLOW 0.6版

基於JQUERY的WEB線上流程圖設計器GOOFLOW 0.6版

跨瀏覽器,可相容IE7--IE10, FireFox, Chrome, Opera等幾大核心的瀏覽器,且不需要瀏覽器再加裝任何控制元件。 (IE7-IE8時,使用VML;IE9以上,FF,OPERA,CHROME,SAFARI上使用SVG) 
 多系統相容性、可移植性:由於只包括前臺UI,因此二次開發者可很方便將本外掛用在任何一種需要流程圖的B/S系統應用上,流程圖的詳細實現邏輯完全交於後臺程式開發者自己實現;對於後臺,只要能返回/接收能被本外掛解析的JSON格式資料即可.所以本外掛可用於不同的伺服器語言建立的後臺上. 
 跨領域:流程圖設計器不止用在電信領域,在其它需要IT進行技術支援的領域中都有重大作用. 

以下從純技術實現層面具體描述: 
 頁面頂部欄、左邊側邊欄均可自定義; 
 當左邊的側邊欄設為不顯示時,為只讀狀態,此時的檢視區可當作是一個檢視器而非編輯器。 
 側邊工具欄除了基本和一些流程節點按鈕外,還自定義新的節點按鈕,自定義節點都可以有自有的圖示、型別名稱,定義後在使用可可在工作區內增加這些自定義節點。 
 頂部欄可顯示流程圖資料組的標題,也可提供一些常用操作按鈕。 
 頂部欄的按鈕,除了撤銷、重做按鈕外,其餘按鈕均可自定義點選事件。 
 可畫直線、折線;折線還可以左右/上下移動其中段。 
 具有區域劃分功能,能讓使用者更直觀地瞭解哪些節點及其相互間的轉換,是屬於何種自定義區域內的。 
 具有標註功能,用橙紅色標註某個結點或者轉換線,一般用在展示流程進度時。 
 能直接雙擊結點、連線、分組區域中的文字進行編輯 
 在對結點、連線、分組區域的各種編輯操作,如新增/刪除/修改名稱/重設樣式或大小/移動/標註時,均可捕捉到事件,並觸發自定義事件,如果自定義事件執行的方法返回FALSE,則會阻止操作。 
 具有操作事務序列控制功能,在工作區內的各種有效操作都能記錄到一個棧中,然後可以進行撤銷(undo())或重做(redo()),像典型的C/S軟體一樣。 
        0.4版改造: 
        加入了只匯出編輯過的節點資訊的功能,使用者可快速儲存這些少量資訊而不用儲存整個流程圖. 
        加入了一個新的扁平化樣式可選用. 
      0.5版本中,結點的樣式不再受到原有程式的限制,所有樣式均預設為淡藍色長方形;如果要指定為圓形,可在初始化時定義結點型別為”原有型別”+” round”;如果要指定為複合結點,則可在初始化時定義結點型別為”原有型別”+” mix”。”原有型別”+” myType”中的myType可為自己寫的一種特殊樣式類. 
原有的BUG已經修復,可以放心下載了。 
        0.6版中,修正了一些BUG改善了使用者體驗,並支援按DEL鍵進行刪除的快捷功能。