web工作流管理系統開發之十四 流程設計器屬性頁面之實現篇

 在工作流管理系統中,可視化流程設計器是必須要實現的。


流程引擎可以是默默的運行,但流程設計器就必須要展現出來。所以界面的美觀,操作簡便易用,是必須要考慮的問題。

 

流程設計器,主要完成流程定義文件的建立和編輯,可視化的完成流程中各節點信息的增刪改,並圖形化的方式展現出一個業務流程。

所以流程設計器需要完成基本的節點元素的創建,刪除,移動,拖拽,連線等等,以及基本的undo,redo,編輯,刪除,右鍵菜單等。這些都是基本的功能,各節點的屬性頁面,纔是流程引擎關心的,必須要體現流程各節點的定義信息。因此各個屬性頁面的界面,操作是否方便易用,是比較重要的。

 

一般來說,工作流管理系統還必須要實現一個電子表單。電子表單是一個可視化的快速搭建和實現表單的工具,業務模塊可以通過電子表單快速實現,並掛接到流程定義文件的節點上,這樣在流程實例運行時,就能實現業務按預定義的流程流轉。

 

比較有意思的是,流程設計器的各屬性頁面也是用電子表單工具搭建的,這樣維護起來更加方便和快捷。當然這也得益於eform電子表單對外提供的是表單的url,並且一張表單就是一個htm文件。所以很方便的就可以和其它系統集成。

例如 步驟的屬性頁面----用電子表單系統搭建的屬性頁面。



 

 

 

在頁面的裝入事件中,將節點的信息,按格式取出來,賦值到頁面的各個控件中。
然後頁面用戶編輯,設置各個屬性。

在頁面的確定按鈕中,收集各個控件的屬性,形成流程節點的屬性,返回到對象中保存。

 

 

動作的屬性頁中,也包含,條件,前置函數,後置函數。界面的編輯風格與步驟一致。流程定義文件中,包含 條件,前置函數,後置函數的節點有:步驟,動作,動作結果,合併。所以這幾種節點採用統一的方式來編輯節點屬性,代碼也可以共用啦,節省了不少心力

 

 

條件的設置頁面:

 

通過,增加行,選擇不同的行,可以設置多個條件,每個條件都可以單獨在上面編輯。

前置後置函數也是類似的編輯方式,選擇用戶,角色,羣組等調用的是相同模塊實現,也便於用戶做擴展。如和應用系統集成時,比如可以將羣組的功能修改成應用系統的部門。

 

發佈了25 篇原創文章 · 獲贊 4 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章