去年做的乙個流程設計器,跟大家分享下。
由於我們平台要加入工作流的支援,必須設計乙個web端的流程設計器,剛開始並沒有什麼概念,於是在網上查詢資料,發現網上找的資源要麼亂七八糟,要麼各種bug,一些做得比較好的又沒有分享原始碼,很頭痛,最終還是決定自己設計。
主要使用的技術:vml(缺點:只支援ie瀏覽器)、ext(在乙個比較大,因為我們平台使用ext做的,所以使用ext作為外層框架,使用的並不多,外層框架和一些事件機制以及dom元素的選擇)和js操作xml。
設計器缺陷:由於時間原因,並沒有乙個整體的構思,沒有使用類思想,純粹的function方法,**看起來比較亂,重用方法不夠抽象,使得後面難以更新。並且沒有加入自定義表單的支援,所以是面對程式設計師開發的。
前段時間剛做完表單設計器,於是決定重新開發流程設計器,使用類思想,兩者結合,達到面向客戶、開發迅速、不需要編碼的目的,並且方便擴充套件,閱讀清晰。新的流程設計器使用的畫圖技術是拉斐爾,相容全瀏覽器,有興趣的可
以了解下。
事先申明,**並不是很規範,可能很難閱讀,
僅供參考,
有需要原始碼的請留下你的郵箱位址。
因為前期是直接通過記事本開發,因需使用平台內的功能以及結合jbpm,後面轉入j2ee平台開發,所以這個版本的功能並不是很全,其他功能在平台上實現。
下面是截圖介紹:
1.流程設計器主介面,採用ext的border布局,分為工具條區、屬性欄區和工作區。通過左側選擇功能對應的在右邊作圖,下方則是節點的屬性設定,並且可以實時檢視生成的xml檔案。
2.xml**實時檢視,並且可以通過修改xml來編輯流程圖。
3.節點的選中以及連線
4.節點屬性
分支合併節點
FLEX 流程設計器
今天是我在csdn第一次寫部落格。先把我做的東西放在上面。然後我在點評!基本實現了流程設計器的所有功能,與後台同步,匯入匯出檔案,匯出,繪製虛線直線曲線等,泳道的繪製,前進回退。放大縮小。等等。使用了自己做的和自帶的特效。我在做本作品的同時,參照了。外國人寫的圖形軟體的demo。老外總是nb的。在學...
流程設計器之標籤工具
流程設計器之標籤工具 工作流系統中,各種路由節點,順序流,條件流,流程的設定均在節點屬性頁中完成。在節點屬性頁面中設定節點名稱,到達節點自動觸發的前置事件,離開節點的後置觸發事件。節點上執行的表單等等,都在節點的屬性頁面中完成。條件節點的設定也是在屬性頁面中完成,通過嚮導引入業務表單中的關鍵資料,用...
web流程設計器再整理
時隔多年,前端發展實在迅猛,各類框架層出不窮,在優雅,簡潔,高效以及維護方面各有千秋,只是回過頭來看看,自己 還是對jquery最順手,作為個人的業餘愛好玩玩,基於jquery ui體系寫 實在是很舒服的一件事情。回到正題,在09年的時候,當時順手寫過乙個jbpm4的web流程設計器,非常簡單的乙個...