camunda工作流實戰(zhàn)項目(表單設(shè)計器+流程編輯器,零代碼創(chuàng)建流程)

該項目的plus版本已制作完成,文章鏈接 [plus版]camunda工作流實戰(zhàn)項目

一、整體情況介紹

  • 基于ruoyi平臺和camunda工作流開發(fā)而成,結(jié)合bpmn.js流程編輯器和vform表單設(shè)計器,實現(xiàn)常規(guī)流程零代碼創(chuàng)建。
  • 具備流程中心的能力,支持外部任務(wù),可協(xié)調(diào)多個業(yè)務(wù)系統(tǒng)協(xié)同工作
  • 具備SaaS平臺的能力,支持多租戶,各業(yè)務(wù)系統(tǒng)可作為租戶,創(chuàng)建自己的流程,通過外部任務(wù)與自身業(yè)務(wù)代碼結(jié)合,實現(xiàn)流程托管。并提供了頁面內(nèi)嵌的方案,業(yè)務(wù)系統(tǒng)就像使用自己系統(tǒng)的功能一樣使用流程平臺
  • 演示地址:http://60.205.152.250/login
  • 詳細介紹視頻: https://www.bilibili.com/video/BV1a3411o7LK/

二、項目特點

  1. 使用了功能和性能都最為強大的camunda工作流引擎
  2. 完美集成bpmn.js流程編輯器,并做了易用性改造
  3. 集成開源表單設(shè)計器vform,實現(xiàn)動態(tài)表單回顯、數(shù)據(jù)回填,并做了易用性改造
  4. 支持外部任務(wù),易于對接其他業(yè)務(wù)系統(tǒng),可作為流程中心實現(xiàn)調(diào)度多個業(yè)務(wù)系統(tǒng)在統(tǒng)一流程中協(xié)同工作
  5. 支持流程任意節(jié)點撤回、打回到任意節(jié)點等操作
  6. 支持多租戶,具備SaaS平臺的能力
  7. 提供將頁面內(nèi)嵌到外部業(yè)務(wù)系統(tǒng)的方案,結(jié)合外部任務(wù),就像使用自己系統(tǒng)的功能一樣使用流程平臺
  8. 流程進度高亮顯示
  9. 流程節(jié)點懸浮顯示代理人等信息
  10. 異常節(jié)點紅色高亮,顯示異常信息,便于故障定位
  11. 支持將代碼編寫的表單配置到系統(tǒng)中,提供對復(fù)雜業(yè)務(wù)表單的支持

三、功能介紹

1、自定義表單

在線拖拽生成表單,根據(jù)不同業(yè)務(wù)場景創(chuàng)建不同的表單,無需編寫代碼。


image.png

2、流程模型

在線繪制流程圖,動態(tài)配置流程發(fā)起表單、任務(wù)節(jié)點表單、處理人、監(jiān)聽器等,實現(xiàn)零代碼創(chuàng)建流程。
對流程編輯器做了大量易用性改造,方便對表單、代理人、候選組、候選人、監(jiān)聽器的配置工作


image.png

image.png

image.png

image.png

image.png

image.png

3、部署管理

查看流程模型的部署記錄,可刪除部署信息


image.png

4、流程定義

顯示對于部署的流程定義,并可對其進行激活、掛起、刪除等操作


image.png

5、流程發(fā)起

顯示系統(tǒng)可被發(fā)起的流程,點擊流程進入流程發(fā)起界面,填寫流程發(fā)起表單。


image.png

image.png

6、我的發(fā)起

查看我發(fā)起過的流程,點擊詳情可以查看流程發(fā)起表單信息、流程進度、處理人、提交記錄、關(guān)聯(lián)流程等信息


image.png

image.png

image.png

image.png

image.png

7、我的待辦

查詢待辦任務(wù),點擊處理進入辦理界面


image.png

image.png

8、經(jīng)辦任務(wù)

查詢我參與處理的流程


image.png

9、關(guān)聯(lián)流程

當流程調(diào)用另一個流程時,在流程查看頁面會出現(xiàn)關(guān)聯(lián)流程選項,可以方便定位到與當前流程關(guān)聯(lián)的流程


image.png

image.png

10、故障信息

當流程某節(jié)點出現(xiàn)故障,流程狀態(tài)會顯示“存在故障”,流程進度圖會將故障節(jié)點高亮顯示,故障信息頁簽會顯示故障的詳細信息


image.png

image.png

image.png

11、交還、委派

image.png

12、流程圖校驗

對流程配置進行驗證,發(fā)現(xiàn)基本的配置錯誤,并以節(jié)點高亮和鼠標懸浮顯示錯誤信息的方式提示錯誤


image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容