总览
- 使用flowable自带的flowable-ui制作流程图
- 使用springboot开发流程使用的接口完成流程的业务功能
参考文档：
https://flowable.com/open-source/docs/bpmn/ch14-Applications/1、从官网下载flowable-6.6.0 : https://github.com/flowable/flowable-engine/releases/download/flowable-6.6.0/flowable-6.6.0.zip
2、将压缩包中的 flowable-6.6.0warsflowable-ui.war 丢到Tomcat中跑起来
3、打开http://localhost:8080/flowable-ui 用账户：admin/test 登录
文章插图
图片
4、进入APP.MODELER创建流程，之后可以导出流程到项目中使用，或者配置Apache-tomcat-9.0.37webappsflowable-uiWEB-INFclassesflowable-default.properties连接本地数据库
文章插图
图片
注意：需要将JAVA驱动jar（MySQL-connector-java-5.1.45.jar）复制到 apache-tomcat-9.0.37webappsflowable-restWEB-INFlib这样创建的流程后端程序就能直接使用
二、绘制流程图
文章插图
图片
根据业务需要在 flowable-ui>APP.MODELER里面绘制流程图，示例如上图 。先解释一些概念 。
- 事件（event） 通常用于为流程生命周期中发生的事情建模，图里是【开始、结束】两个圈 。
- 顺序流（sequence flow） 是流程中两个元素间的连接器 。图里是【箭头线段】 。
- 网关（gateway） 用于控制执行的流向 。图里是【菱形（中间有X）】
- 用户任务（user task） 用于对需要人工执行的任务进行建模 。图里是【矩形】 。
首先启动了工作流后，由【开始】节点自动流向【学生】节点，等待该任务执行 。任务被分配的学生用户执行后流向 【老师】节点，再次等待该任务执行 。被分配的老师用户执行后流向 【网关】，网关以此检查每个出口，流向符合条件的任务，比如这里老师执行任务时是同意，就流向【校长】节点，等待该任务执行 。执行后跟老师类似，同意后就流向【结束】节点，整个流程到此结束 。
绘图细节：
1、保留流程模型
文章插图
图片
2、顺序流可以设置流条件来限制流动，比如上面的网关出口就设置了条件
文章插图
图片
3、任务需要分配任务的执行用户，可以分配到候选组，也可以直接分配到候选人
文章插图
图片
最后导出工作流文件
文章插图
图片
文件内容
<?xml version="1.0" encoding="UTF-8"?><definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:xsi="http://www.w3.org/2001/XMLSchema-insmtece" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:flowable="http://flowable.org/bpmn" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC" xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI" typeLanguage="http://www.w3.org/2001/XMLSchema" expressionLanguage="http://www.w3.org/1999/XPath" targetNamespace="http://www.flowable.org/processdef"><process id="leave_approval" name="请假审批" isExecutable="true"><startEvent id="start" name="开始" flowable:initiator="startuser" flowable:formFieldValidation="true"></startEvent><userTask id="stu_task" name="学生" flowable:candidateGroups="stu_group" flowable:formFieldValidation="true"></userTask><sequenceFlow id="flow1" sourceRef="start" targetRef="stu_task"></sequenceFlow><userTask id="te_task" name="老师" flowable:candidateGroups="te_group" flowable:formFieldValidation="true"></userTask><exclusiveGateway id="getway1" name="网关1"></exclusiveGateway><userTask id="mte_task" name="校长" flowable:candidateGroups="mte_group" flowable:formFieldValidation="true"></userTask><exclusiveGateway id="getway2" name="网关2"></exclusiveGateway><endEvent id="end" name="结束"></endEvent><sequenceFlow id="flow1" name="请假" sourceRef="stu_task" targetRef="te_task" skipExpression="${command=='agree'}"></sequenceFlow><sequenceFlow id="flow3_1" name="同意" sourceRef="getway1" targetRef="mte_task"><conditionExpression xsi:type="tFormalExpression"><![CDATA[${command=='agree'}]]></conditionExpression></sequenceFlow><sequenceFlow id="flow2" name="审批" sourceRef="te_task" targetRef="getway1"></sequenceFlow><sequenceFlow id="flow3_2" name="拒绝" sourceRef="getway1" targetRef="stu_task"><conditionExpression xsi:type="tFormalExpression"><![CDATA[${command=='refuse'}]]></conditionExpression></sequenceFlow><sequenceFlow id="flow4" name="审批" sourceRef="mte_task" targetRef="getway2"></sequenceFlow><sequenceFlow id="flow4_1" name="同意" sourceRef="getway2" targetRef="end" skipExpression="${command=='free'}"><conditionExpression xsi:type="tFormalExpression"><![CDATA[${command=='agree'}]]></conditionExpression></sequenceFlow><sequenceFlow id="flow4_2" name="拒绝" sourceRef="getway2" targetRef="stu_task"><conditionExpression xsi:type="tFormalExpression"><![CDATA[${command=='refuse'}]]></conditionExpression></sequenceFlow></process><bpmndi:BPMNDiagram id="BPMNDiagram_leave_approval">这里先省略</bpmndi:BPMNDiagram></definitions>
推荐阅读
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 如何写出自己第一篇10万+文章？
- 跑步瘦身多长时间最合理？
- 是不是买辆山地车，就不用跑步了
- ui设计师就业前景及趋势分析
- 苹果|“越老越耐看”的女人，脸上通常有这3个特征，中一个就很幸运
- 动力|在家提高工作效率的九种方法
- 爱上哪个星座幸运的事就会连连发生
- 人生就像走台阶一样?有时候简单就是一种幸福
- 豆腐|有一个爱钓鱼的亲戚，隔三差五就来家里送鱼，用大水缸养起来？
- 电脑忘记开机密码，用这几招10秒就能解决
![[邓锄头挖科技]“泛在网络”机器之间互通的智能社区如何给人带来方便？](https://imgcdn.toutiaoyule.com/20200323/20200323122321961748a_t.jpeg)
