绘制一个 Activiti BPMN 流程图

忘是亡心i 2023-03-01 09:27 22阅读 0赞

### 文章目录 ###

*   *   *  1 摘要
         *  2 流程绘制
         *   *  2.1 流程绘制
             *  2.2 指定代理人
             *  2.3 保存与导出
             *  2.4 流程图配置文件
         *  3 推荐参考资料
         *  4 Github 源码

### 1 摘要 ###

BPMN 的全称是: Business Process Model and Nation，直译为：业务流程建模与标注，俗称流程图。本文将介绍使用 Activiti 官方的 web 工具绘制简易流程图。

### 2 流程绘制 ###

#### 2.1 流程绘制 ####

一个流程，必须包含一个开始事件，一个结束事件，中间由具体的流程事件组成

流程示例:

学生请假流程:

![学生请假流程图][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx_size_16_color_FFFFFF_t_70_pic_center]

#### 2.2 指定代理人 ####

每一个流程节点需要指定一个代理人，即流程执行到某个任务，需要有指定的用户来进行审批  
![代理人设置-1][-1]  
![代理人设置-2][-2]

指定代理人的方式有3种:

第一种: 固定代理人，如上图

第二种: 使用 UEL 表达式动态设置代理人

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx_size_16_color_FFFFFF_t_70_pic_center 1]

第三种，使用监听器实现动态设置代理人

![设置监听器-1][-1 1]  
![设置监听器-2][-2 1]

#### 2.3 保存与导出 ####

流程图绘制完成之后即可保存模板  
![保存流程模型][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx_size_16_color_FFFFFF_t_70_pic_center 2]

此时流程配置是保存在数据库中，查看流程列表，选中刚配置好的流程图，查看详情并导出

导出的文件为 `xml` 格式，将其改为 `bpmn` 格式，然后复制到 Activiti 项目中

![导出 bpmn 文件][bpmn]

#### 2.4 流程图配置文件 ####

上边介绍了3中设置代理人的方式，每一种生成的 `bpmn` 文件如下:

第一种，固定代理人:

./activiti-workflow/src/main/resources/processes/student_leave.bpmn

<?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-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:activiti="http://activiti.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.activiti.org/processdef">
      <process id="student_leave" name="student_leave" isExecutable="true">
        <startEvent id="startEvent1" name="开始"></startEvent>
        <userTask id="sid-8D6861B2-9FE9-4909-B091-73F2B6400764" name="学生" activiti:assignee="张三">
          <extensionElements>
            <modeler:initiator-can-complete xmlns:modeler="http://activiti.com/modeler"><![CDATA[false]]></modeler:initiator-can-complete>
          </extensionElements>
        </userTask>
        <userTask id="sid-436168A2-4968-4D3F-9A33-51776F9733FE" name="班主任" activiti:assignee="李四">
          <extensionElements>
            <modeler:initiator-can-complete xmlns:modeler="http://activiti.com/modeler"><![CDATA[false]]></modeler:initiator-can-complete>
          </extensionElements>
        </userTask>
        <endEvent id="sid-EA98BD32-1A93-4AF2-A374-7DF39A33ABAA" name="结束"></endEvent>
        <sequenceFlow id="sid-385279BD-97C2-44BC-9A9E-84179F795459" sourceRef="startEvent1" targetRef="sid-8D6861B2-9FE9-4909-B091-73F2B6400764"></sequenceFlow>
        <sequenceFlow id="sid-6B7E69AB-52AA-4CD8-BF45-CD76E6CC7CEC" name="提交申请" sourceRef="sid-8D6861B2-9FE9-4909-B091-73F2B6400764" targetRef="sid-436168A2-4968-4D3F-9A33-51776F9733FE"></sequenceFlow>
        <sequenceFlow id="sid-2A3D7AD7-E0F8-42ED-A521-A22E42F5B8CA" name="同意" sourceRef="sid-436168A2-4968-4D3F-9A33-51776F9733FE" targetRef="sid-EA98BD32-1A93-4AF2-A374-7DF39A33ABAA"></sequenceFlow>
      </process>
      
    </definitions>

第二种，使用 UEL 表达式设置代理人

./activiti-workflow/src/main/resources/processes/student_leave_2.bpmn

<?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-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:activiti="http://activiti.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.activiti.org/processdef">
      <process id="student_leave_2" name="student_leave_2" isExecutable="true">
        <startEvent id="startEvent1" name="开始"></startEvent>
        <userTask id="sid-486A7692-35E4-476A-94EF-3566C01B8F39" name="学生申请" activiti:assignee="${student}">
          <extensionElements>
            <modeler:initiator-can-complete xmlns:modeler="http://activiti.com/modeler"><![CDATA[false]]></modeler:initiator-can-complete>
          </extensionElements>
        </userTask>
        <userTask id="sid-23DCF2CD-D1E0-4B66-9853-352B2E505782" name="班主任审批" activiti:assignee="${teacher}">
          <extensionElements>
            <modeler:initiator-can-complete xmlns:modeler="http://activiti.com/modeler"><![CDATA[false]]></modeler:initiator-can-complete>
          </extensionElements>
        </userTask>
        <endEvent id="sid-52FDCD77-D54C-4340-B624-93B92D941E77" name="结束"></endEvent>
        <sequenceFlow id="sid-96C3385F-899C-4149-B695-CEF25F5213CB" sourceRef="startEvent1" targetRef="sid-486A7692-35E4-476A-94EF-3566C01B8F39"></sequenceFlow>
        <sequenceFlow id="sid-5602EE93-61DC-4326-80A6-C76661889900" name="提交申请" sourceRef="sid-486A7692-35E4-476A-94EF-3566C01B8F39" targetRef="sid-23DCF2CD-D1E0-4B66-9853-352B2E505782"></sequenceFlow>
        <sequenceFlow id="sid-EABF7DE5-1A32-4EFF-9627-9B5AB70D5E8A" name="同意" sourceRef="sid-23DCF2CD-D1E0-4B66-9853-352B2E505782" targetRef="sid-52FDCD77-D54C-4340-B624-93B92D941E77"></sequenceFlow>
      </process>
    
    </definitions>

第三种，使用监听器动态设置代理人

./activiti-workflow/src/main/resources/processes/student_leave_3.bpmn

<?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-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:activiti="http://activiti.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.activiti.org/processdef">
      <process id="student_leave_3" name="student_leave_3" isExecutable="true">
        <startEvent id="startEvent1" name="开始"></startEvent>
        <userTask id="sid-569880EE-EF90-4CA2-BF03-8CE45BADD383" name="学生申请">
          <extensionElements>
            <activiti:taskListener event="create" class="com.ljq.demo.springboot.activiti.listener.TaskListenerImpl"></activiti:taskListener>
          </extensionElements>
        </userTask>
        <userTask id="sid-38242A27-92B1-4225-BE1E-1BEF001C6323" name="班主任审批">
          <extensionElements>
            <activiti:taskListener event="create" class="com.ljq.demo.springboot.activiti.listener.TaskListenerImpl"></activiti:taskListener>
          </extensionElements>
        </userTask>
        <endEvent id="sid-D4A37973-6FD9-4797-8F76-4741F1CED489" name="结束"></endEvent>
        <sequenceFlow id="sid-66EACD0C-9A58-4D52-8CB8-B910D78A248B" sourceRef="startEvent1" targetRef="sid-569880EE-EF90-4CA2-BF03-8CE45BADD383"></sequenceFlow>
        <sequenceFlow id="sid-C45AB0DF-5784-4DED-B73C-DDBD104962D2" name="批准" sourceRef="sid-38242A27-92B1-4225-BE1E-1BEF001C6323" targetRef="sid-D4A37973-6FD9-4797-8F76-4741F1CED489"></sequenceFlow>
        <sequenceFlow id="sid-B9CE8749-BE0E-4669-A079-E97444983341" name="提交申请" sourceRef="sid-569880EE-EF90-4CA2-BF03-8CE45BADD383" targetRef="sid-38242A27-92B1-4225-BE1E-1BEF001C6323"></sequenceFlow>
      </process>
     
    </definitions>

一个简单的流程图至此已经绘制完成，如何启动流程，将在后边的博客讲解

### 3 推荐参考资料 ###

[【官方文档】Activiti User Guide][Activiti User Guide]

[Activiti工作流实战开发][Activiti]

[Activiti第一篇【介绍、配置开发环境、快速入门】][Activiti 1]

### 4 Github 源码 ###

**Gtihub 源码地址** : [https://github.com/Flying9001/springBootDemo][https_github.com_Flying9001_springBootDemo]

个人公众号:**404Code**,分享半个互联网人的技术与思考，感兴趣的可以关注.  
![404Code][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx_size_16_color_FFFFFF_t_70_pic_center]: /images/20230209/c700d043467a4362879aae1c9e07e814.png
[-1]: /images/20230209/6fb8b863db1e4aa69d8540b16b61482f.png
[-2]: /images/20230209/03ec77d018044c4c86a2ffd66c522182.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20200723143837760.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx,size_16,color_FFFFFF,t_70#pic_center
[-1 1]: https://img-blog.csdnimg.cn/20200723143903702.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx,size_16,color_FFFFFF,t_70
[-2 1]: https://img-blog.csdnimg.cn/20200723143903688.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx_size_16_color_FFFFFF_t_70_pic_center 2]: https://img-blog.csdnimg.cn/20200723143945747.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx,size_16,color_FFFFFF,t_70#pic_center
[bpmn]: https://img-blog.csdnimg.cn/20200723144023252.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx,size_16,color_FFFFFF,t_70#pic_center
[Activiti User Guide]: https://www.activiti.org/userguide
[Activiti]: https://xuzhongcn.github.io/activiti/activiti.html
[Activiti 1]: https://juejin.im/post/5a647759518825732f7ed55e
[https_github.com_Flying9001_springBootDemo]: https://github.com/Flying9001/springBootDemo
[404Code]: https://img-blog.csdn.net/20181010223005114?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01ycWlhbmc5MDAx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70