绘制一个 Activiti BPMN 流程图

最新推荐文章于 2024-05-31 22:32:28 发布
最新推荐文章于 2024-05-31 22:32:28 发布
阅读量5k 收藏 13
点赞数 2
分类专栏： Java 文章标签： Activiti 工作流 流程图 bpmn Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mrqiang9001/article/details/107536338
版权

文章目录

​
​

1 摘要

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

​

2 流程绘制

2.1 流程绘制

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

流程示例:

学生请假流程:

学生请假流程图

2.2 指定代理人

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

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

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

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

在这里插入图片描述

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

设置监听器-1
设置监听器-2
​

2.3 保存与导出

流程图绘制完成之后即可保存模板
保存流程模型

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

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

导出 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工作流实战开发

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

​

4 Github 源码

Gtihub 源码地址 : https://github.com/Flying9001/springBootDemo

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

Flying9001
关注
  • 2
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Activiti web流程设计器
02-24
学习了咖啡兔的damo后剥离出来的，相当精简的web流程设计器（5.19.0版的哦），直接部署就能用，想嵌入自己项目的童鞋，把上面的配置和代码搬到自己项目稍微改改文件路径就行啦，完全是干货。
Activiti学习文档（二）之画流程图并部署流程
09-18
Activiti学习文档（二）之画流程图并部署流程的文件资源……
activiti7(二)：画业务流程图的工具以及bpmn文件内容解析
no problem的博客
04-24 2万+
介绍了常见的画业务流程图的工具，具体介绍了idea中actiBPM插件的安装使用。最后画了一个简单的请假流程图，并分析了里面的内容，为接下来的helloworld工作做准备！
IDEA 安装BPMN插件-Activiti BPMN visualizer
最新发布
努力变优秀的博客
05-31 984
使用activiti 不要使用**CamundaModeler BPMN visualizer插件 ** 和Activiti 不兼容。想要保存图片直接可以右键 SAVE TO PNG。点击箭头拖动到指定的节点,就可完成步骤关联。可以通过搜索插件actiBPMN直接安装。下载自己合适的版本,如果没有就下载最新的。选中evection.bpmn。
Activity——绘制第一张流程图bpmn
专注写bug
04-16 2080
使用idea进行流程图的绘制操作，首选需要确保你的idea安装了activiBpm插件。如果未安装对应的插件，可以参考本专栏最开始的第一篇博客。Activity——idea(2020以后)配置actiBPM。
Activiti基础教程--02（初识Activiti流程设计工具、了解Activiti bpmn图表对应的XML文件）
ChangWen的博客
07-14 1万+
我们以后开发流程 首先要做的，就是要设计好流程图；一个项目可能会包括多个流程图；     所以我们在src/test/resources源文件夹下新建一个包diagrams，以后所有的流程图文件(bpmn文件和生成的png文件)都放在这个包下； 然后我们在diagrams上右击，New - > Other 我们选择 Activiti下的 Activiti Diagram
activiti6.0通过bpmn.js展示高亮流程图(前端绘制流程图)
instanceof_zjl的博客
06-23 9963
activiti6.0通过bpmn.js展示高亮流程图(前端绘制流程图)
Nginx+Django-Python+BPMN-JS的整合工作流实战项目
weixin_33691700的博客
03-23 1011
前言 找一个好用的画图工具真心不容易，Activiti 工作流自带的 Web 版画图工具，外表挺华丽，其实使用起来各种拧巴；Eclipse 的 Activiti 画图插件，对于相对复杂的流程也是很不友好。 环境搭建 网上有许多详细的安装配置步骤，这里就不一一赘述，只列出相关版本。 软件 版本 功能 地址 Python 3.7.1 脚本语言 https://www.python.or...
Activiti如何动态获取流程图过程详解
08-24
Activiti中提供了一个可以用来绘制流程图的类DefaultProcessDiagramGenerator，这个类在5.22.0及以上的版本中是以一个单独jar包的方式提供的，需要引入相应的依赖。使用时先创建这个类的对象，然后调用画图方法...
Activiti绘制的请假流程图
12-11
该流程图使用Activiti流程引擎绘制，是一个较简单的请假流程，适合刚接触的Activiti的童鞋
Activiti工作流的Web流程图设计器
10-21
Activiti的Web流程图设计器，BPMN-JS也可在官网下载并配置，这里压缩包是配置好的 1、需要提前下载好Node.js(中文官网连接：http://nodejs.cn/)，傻瓜式安装。 2、解压后在bpmnjs目录打开dos命令窗口，输入npm ...
activiti工作流程图绘制工具web版
02-04
activiti工作流程图绘制工具web版，可直接放到tomcat中使用，默认账户/密码为kermit/kermit
activiti生成bpmn图的代码
10-07
activiti生成bpmn图的代码 整理出来了 省的翻源码了
Activiti BPMN Designer
05-17
- **流程建模**：绘制流程图，定义各个步骤、决策点和异常处理。 - **流程模拟**：在部署前预览流程执行，检查流程是否符合预期。 - **版本控制**：版本管理流程定义，轻松跟踪和回滚更改。 - **流程部署**：将设计...
Activiti 7 —— BPMN —— Visual Paradigm —— BPMN工作流程图组件了解应用、绘图、结构组成、案例学习
Alascanfu的博客
08-17 4346
概述以及作用BPMN 使我们能够以清晰和一致的方式捕捉并且记录一个有组织的业务流程，以确保相关的使用者，如流程所有者和业务用户参与到流程当中。因此，团队可以更有效地应对流程中发现的任何问题。BPMN 提供了全面而丰富的符号，技术和非技术的使用者都可以轻松理解。BPMN 的优缺点由OMG联盟开发的行业标准，该联盟是一个非营利性的行业组织通过业务流程图定义和理解其程序的能力为企业提供一个所有企业内的使用者都能轻易理解的标准符号来弥补业务流程设计和实施之间经常出现的沟通障碍。......
Activiti流程设计工具
太年轻的博客
03-10 1万+
Activiti插件然后我们来画流程图，任何流程，都必须有接下来我们在搞一个用户任务节点（我们以后开发最常用的节点），我们拖一个到中间绘图区域一个开始事件节点和结束事件节点；给我们提供的流程设计工具， 开发流程 首先要做的，就是要设计好流程图；一个项目可能会包括多个流程图；所以在src/test/resources源文件夹下新建一个包diagrams，以后所有的流程图文件(bpmn文件和生成
【Activiti7系列】Activi7简介和基于Spring Boot整合Activiti7（流程设计器）
c18213590220的博客
02-25 3051
本文将介绍Activiti7基础概念及基于SpringBoot整合Activiti7（流程设计器）的具体步骤。
流程建模艺术：使用Activiti设计流程
todoitbo的博客
10-01 706
acitviti，flowable，流程相关
使用activiti总结--bpmn画流程图
热门推荐
DK微风的博客
10-08 5万+
节期结束，赶紧总结一下前几天使用的Activiti工作流的一些方法 简单介绍一下Activiti: Activiti一套完整的方便的业务流程管理（BPM）框架，它是覆盖了业务流程管理、工作流、服务协作等领域的一个开源的、灵活的、易扩展的可执行流程语言框架。开发人员可以通过插件直接绘画出业务。 开发工具： IDEA 画流程图插件：actiBPM（在IDEA插件管理中安装就可以了） BPMN...
activiti7整合bpmn-js说明
06-23
### 回答1： Activiti7是一个开源业务流程管理工具，其中一个重要的功能是可以实现对BPMN（Business Process Model and Notation）规范的支持。而BPMN-JS则是一个专门用于处理BPMN图形的JavaScript库。Activiti7整合BPMN-JS可以帮助开发人员更加方便地实现业务流程管理，下面简单说明一下其基本原理和实现过程。 首先需要了解一下BPMN-JS的核心功能，它可以通过JavaScript代码生成BPMN图形，并提供丰富的图形元素和样式，同时可以进行流程建模、流程执行和流程监控等操作。在Activiti7中，利用BPMN-JS可以轻松地生成各个节点和连线，实现业务流程的可视化管理。为此，需要在Activiti7中安装BPMN-JS库，并在代码中调用相应的方法生成BPMN的XML文件。 在实现过程中，需要注意几点。首先是整合的接口问题，Activiti7与BPMN-JS并不是完全兼容的工具，因此需要进行一些适配性开发。其次是对图形的显示和编辑操作，代码需要能够实现对BPMN-JS图形的捕获和修改，同时需要考虑协同编辑和用户权限等问题。此外，还需要与后台进行接口对接，实现BPMN图形的保存和查询等功能。 总的来说，Activiti7整合BPMN-JS可以带来很大的效益，帮助企业和开发者更加便捷地管理和执行业务流程，提高工作效率。同时需要注意安全和合法性问题，确保业务流程管理的有效性和合规性。 ### 回答2： Activiti7是一个流程引擎，可以帮助企业自动化业务流程。BPMN-JS是一个流程图编辑器，可以让用户创建和编辑BPMN流程图。 Activiti7整合BPMN-JS可以为用户提供更好的流程设计和管理体验。用户可以使用BPMN-JS创建新的流程或编辑已有的流程，然后将它们导入到Activiti中执行。将这两个工具整合在一起，能够实现以下几个方面的优势： 1. 更好的用户体验：BPMN-JS的编辑器可以让用户更加直观地创建、编辑流程图，而且可以通过实时预览功能来快速调整流程细节。 2. 提高效率：将Activiti7和BPMN-JS整合在一起可以减少在不同工具之间移动的时间、减少学习和熟悉新工具的时间，提高工作效率。 3. 更直观的流程设计：用户可以使用BPMN-JS在一个视图中直观地看到整个流程的执行情况，更好地理解流程的执行逻辑，加快流程设计速度。 4. 更好的流程管理：整合BPMN-JS可以允许用户使用Activiti7来跟踪流程的执行情况，从而更好地管理流程。 总之，Activiti7和BPMN-JS的整合可以为企业自动化流程提供更好的用户体验和更高效的工作方式，帮助企业提高业务流程自动化效率和流程管理。 ### 回答3： Activiti7是一个流程引擎，可以帮助企业实现业务流程的自动化管理。而BPMN-js是一个用于绘制BPMN图形的开源工具。通过将BPMN-js与Activiti7进行整合，可以实现业务流程的可视化管理。 具体来说，Activiti7可以通过引用BPMN-js库，将BPMN图形集成到Activiti7的设计器中，让用户可以使用图形化界面来创建和编辑业务流程。在流程图形设计完成后，可以将其导出为BPMN 2.0格式，以便用于其他系统中。 此外，BPMN-js还可以通过Activiti7的REST API来加载和保存流程信息，并实现与Activiti7的集成。这使得BPMN-js和Activiti7可以互相补充，共同支持企业流程管理的各个方面。 总之，通过Activiti7和BPMN-js的整合，可以使企业流程管理更加高效、直观、可视化和嵌入式化。企业可以根据自身需求选择适合自己的流程工具，以便更好地管理业务流程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值