好的，我們先來看一張效果圖：

---

看著是不是還不錯啊，我們來了解一下這個流程圖設計器：

跨瀏覽器，可兼容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”?！痹蓄愋汀?#43;” myType”中的myType可為自己寫的一種特殊樣式類。

• 原有的BUG已經修復，可以放心下載了。

  ---

  >>大家可以點擊這里查看這個網址了解詳細內容<<

總結

以上是生活随笔為你收集整理的基于JQUERY的WEB在线流程图设计器GOOFLOW 0.5版的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。