1. 程式人生 > >基於Raphael的流程設計器,前臺部分

基於Raphael的流程設計器,前臺部分

需要做一個線上的配合jbpm用流程設計器,在網上查找了許多資源,都不符合要求,現成的流程設計器大多數都是與ext結合的程式碼,而我想要一個純淨的js版本,可以不依賴與ext等前端框架

最後使用Raphael圖形框架,自己開發了一個,功能上,可以實現流程圖的線上創建於編輯,可以講編輯好的流程圖轉換成jbpm的jpdl流程定義程式碼(xml格式)並交給後臺部署,可以將編輯好的Raphael圖形,轉換為json格式,交給後臺儲存到資料庫,下次可以從資料庫讀取json傳送到前臺頁面載入,以實現圖形的儲存記憶

流程設計器介面

審批節點資訊設定

判斷邏輯資訊設定

轉換成的jpdl 資訊

儲存圖形資訊的json


如果你還需要二次改造,可以參考下面的資訊