camunda工作流实战项目 [PRO版](表单设计器+流程编辑器,零代码创建流程)

pro版本主要对流程设计器、表单模块做了优化和改造,下面是各版本功能对比

Snipaste_2025-03-03_22-57-00.png

一、整体情况介绍

  • 基于ruoyi平台和camunda工作流开发而成,结合bpmn.js流程编辑器和vform表单设计器,实现常规流程零代码创建。

  • 具备流程中心的能力,支持外部任务,可协调多个业务系统协同工作,可做任务编排。

  • 具备SaaS平台的能力,支持多租户,各业务系统可作为租户,创建自己的流程,通过外部任务与自身业务代码结合,实现流程托管。并提供了页面内嵌的方案,业务系统就像使用自己系统的功能一样使用流程平台。

  • 演示地址:http://8.140.55.122/login

  • 详细介绍视频:https://www.bilibili.com/video/BV17k9HYAEaH/

二、项目特点

  1. 使用了功能和性能都最为强大的camunda工作流引擎

  2. 完美集成bpmn.js流程编辑器,并做了易用性改造

  3. 重写camunda属性面板,交互效果更好

  4. 支持流程完整性实时校验,防止漏配错配关键属性

  5. 集成开源表单设计器vform,实现动态表单回显、数据回填,并做了易用性改造

  6. 额外支持在线编码、远程文件、外部表单三种类型表单,实现全部场景、需求的表单

  7. 支持外部任务,易于对接其他业务系统,可作为流程中心实现调度多个业务系统在统一流程中协同工作

  8. 支持动态管理监听器,可以在页面上传、查看、修改监听器源代码,并支持在线生效

  9. 支持拆单、撤回、交还、委派、驳回到任意节点(支持驳回到单个分支)、直接提交到驳回岗、前后加签、跳过相同审批人、进度高亮、流程提交记录、关联流程层级展示、版本管理、激活挂起、超时设置及提醒统计、会签人意见互不可见、禁止撤回设置、指定节点逾期设置

  10. 友好且信息提示到位的流程处理界面

  11. 支持多租户,具备SaaS平台的能力

  12. 提供将页面内嵌到外部业务系统的方案,结合外部任务,就像使用自己系统的功能一样使用流程平台

  13. 流程进度高亮显示

  14. 流程节点悬浮显示代理人等信息

  15. 异常节点红色高亮,显示异常信息,便于故障定位

  16. 支持移动端

三、功能介绍

0、首页

显示当前用户的相关流程信息,有快速跳转链接,例如快速发起流程和各种详情入口。

Snipaste_2025-03-02_21-26-36.png
Snipaste_2025-03-02_21-27-17.png

1、自定义表单

在线拖拽生成表单,根据不同业务场景创建不同的表单,无需编写代码。

Snipaste_2025-03-02_21-29-50.png

在线编码表单


Snipaste_2025-03-02_21-30-08.png

远程文件,配置服务器上的vue文件静态资源的访问地址

Snipaste_2025-03-02_21-30-35.png

外部表单,配置三方系统表单的访问地址

Snipaste_2025-03-02_21-30-49.png

2、流程模型

在线绘制流程图,动态配置流程发起表单、任务节点表单、处理人、监听器等,实现零代码创建流程。 对流程编辑器做了大量易用性改造,重写了camunda官方属性面板,交互更好

Snipaste_2025-03-02_21-33-28.png

重写了camunda官方面板,交互效果更好

Snipaste_2025-03-02_21-34-06.png
Snipaste_2025-03-02_21-35-30.png
Snipaste_2025-03-02_21-36-22.png
Snipaste_2025-03-02_21-36-35.png
Snipaste_2025-03-02_21-37-05.png
Snipaste_2025-03-02_21-37-43.png

流程完整性实时校验,错误精准提示

Snipaste_2025-03-02_21-34-23.png

3、部署管理

查看流程模型的部署记录,可删除部署信息

Snipaste_2025-03-02_21-42-39.png

4、流程定义

显示对于部署的流程定义,并可对其进行激活、挂起、删除等操作

Snipaste_2025-03-02_21-43-15.png

5、流程监听包

动态管理监听器代码,支持上传、查看源码、编辑源码、在线生效

Snipaste_2025-03-02_21-52-45.png
Snipaste_2025-03-02_21-53-43.png

6、表单附件模板上传

表单中可能会用到下载模板的链接,要下载的模板可以在这个菜单维护


Snipaste_2025-03-04_00-09-44.png

7、流程发起

显示系统可被发起的流程,点击流程进入流程发起界面,填写流程发起表单。

Snipaste_2025-03-02_21-55-33.png
Snipaste_2025-03-02_21-55-42.png
Snipaste_2025-03-02_21-56-18.png

8、我的发起

查看我发起过的流程,可在列表页直接看到当前节点、待处理人起止时间、状态,点击详情可以查看流程发起表单信息、流程进度、处理人、提交记录、关联流程等信息。

Snipaste_2025-03-02_21-57-28.png
Snipaste_2025-03-02_21-58-31.png
Snipaste_2025-03-02_21-58-56.png
Snipaste_2025-03-02_21-59-09.png
Snipaste_2025-03-02_21-59-38.png
Snipaste_2025-03-02_22-00-05.png
Snipaste_2025-03-02_22-00-44.png

9、我的待办

查询待办任务,点击处理进入办理界面,有超时提醒标志、发起时间、任务名称、到达时间、逾期时间等实用信息。可以做拾取、处理、交还、委派操作。 全局表单和分离式表单两类流程,表单处理时界面效果会有不同。

Snipaste_2025-03-02_22-03-00.png
Snipaste_2025-03-02_22-05-13.png
Snipaste_2025-03-02_22-05-44.png

10、经办任务

查询我参与处理的流程

Snipaste_2025-03-02_22-06-34.png

11、全部流程、全部任务

流程管理员可以用上帝视角查看到全部流程和任务

Snipaste_2025-03-02_22-07-06.png
Snipaste_2025-03-02_22-07-12.png

12、关联流程

当流程发生拆单或调用另一个流程时,在流程查看页面会出现关联流程选项,可以方便定位到与当前流程关联的流程

Snipaste_2025-03-02_22-00-44.png

13、故障信息

当流程某节点出现故障,流程状态会显示“存在故障”,流程进度图会将故障节点高亮显示,故障信息页签会显示故障的详细信息

Snipaste_2025-03-02_22-09-00.png
Snipaste_2025-03-02_22-09-23.png
Snipaste_2025-03-02_22-09-42.png

14、交还、委派

Snipaste_2025-03-02_22-10-37.png

15、流程图校验

对流程配置进行验证,发现基本的配置错误,并以节点高亮和鼠标悬浮显示错误信息的方式提示错误

Snipaste_2025-03-02_22-11-36.png

16、任意流程拆单

通过配置拆弹按钮可实现任意流程拆单

Snipaste_2025-03-02_22-14-04.png
Snipaste_2025-03-02_22-14-18.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 222,000评论 6 515
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,745评论 3 399
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 168,561评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,782评论 1 298
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,798评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,394评论 1 310
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,952评论 3 421
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,852评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,409评论 1 318
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,483评论 3 341
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,615评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,303评论 5 350
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,979评论 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,470评论 0 24
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,571评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 49,041评论 3 377
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,630评论 2 359

推荐阅读更多精彩内容