2.流程图绘制

绘制流程图使用的是flowable提供的flowable-UI进行绘制。
首先从 https://github.com/flowable/flowable-engine/releases 页面下载zip包。
image
我选择的是Flowable 6.8.0 release版本(下载很慢,等有空附上一个百度网盘的下载地址)
然后将下载的压缩包解压,进入wars目录
image
运行flowable-ui.war,直接java -jar flowable-ui.war就可以启动。
image
打开网址 http://127.0.0.1:8080/flowable-ui/#/ 就可以看到登录界面了,账号 admin,密码test,就可以登录了。
之后选择第二个
image
点击左上角创建流程
image
填写相关内容
image
修改目标命名空间,就是修改流程图导入后的分类
image
这里有一个关联表单
点击弹出一个对话框
image
填写好内容之后点击创建表单
image
从左侧可以选择组件,这里选择了文本组件和选择人组件
image
点击编辑,编辑该组件的信息
image
修改为自己想要的内容
image
同理编辑选择人组件
image
之后点击左上角的保存
image
点击保存并关闭
image
再次选择开始节点(就是那个圈),就可以看到关联的表单了
image

image
之后选中画布中的圆圈,出现后面可以绘制的节点
image
点击人头像,悬浮提示分配给特定人的任务的那个图标,然后会出现后面的一个矩形节点
image
然后配置下面的信息
image
image
同理配置关联的表单,下面只进行截图展示
image
image
image
这里还有一个分配用户,就是分配当前节点由谁审批,由于创建的工单都会派给某个角色的工作人员,因此这里这样填写,首先点击固定值,之后在候选组里填写一个表达式。
image

image
之后同理创建下一个节点
image
同理修改这个节点的属性
image
之后设置表单引用
image
image
image
然后编辑分配用户,因为这里是管理员指定某个维修工去维修,所以这里需要动态设定这个节点的执行人,因此固定值,填写下面的表达式
image

之后后面添加一个网关节点
image
网关节点两个分支,一个指向结束节点,另外一个指向管理员。
当维修工维修成功之后,该流程结束,如果维修失败,转给管理员重新去指派人维修。
选中指向结束节点的连线,点击编辑流条件
image
image
填写条件,具体含义会在后面细说
image
同理编辑转回管理员的连线的流条件
image
image
到此,这个流程图就画完了,点击左上角的保存
image
image
点击刚刚绘制的流程图
image
在右上角可以下载该流程图
image
下载完之后用文本编辑器打开,发现忘了给开始节点,网关,结束节点命名了,可以回去编辑一下这三个的属性(包括每条连线都可以编辑其id等属性,最好自己命名,这样方便出了问题排查)
image
image
image
image

之后重新下载流程图,可以看到xml文件就是想要的样子了
补充:因为我们只会使用到flowable的流程引擎而不适用表单引擎,这里设置表单后期并不会使用,因此不必再去设计表单只需要更改节点的表单的标识属性就可以了,不用再去关联表单,绘制表单。
image

posted @ 2023-02-01 10:35  努力干饭的兔兔  阅读(618)  评论(0)    收藏  举报