springboot整合activiti7(2) 集成Activiti在线流程设计器

一、流程设计器

1.actiBPM

IDEA开发工具的一个插件，可以让开发人员在IDEA中画流程图。

2.Activiti Designer

Eclipes开发工具的一个插件，可以让开发人员在Eclipes中画流程图。

3.Activiti-Modeler

基于Web的流程设计器，可以实现浏览器绘制activiti流程图。Activiti Modeler是一个BPMN web建模组件,是Activiti Explorer web应用的一部分，也就是Activiti官方的流程设计器，只是后面不更新了。

4.bpmn-js

市面上比较成熟和符合BPMN标准的一款建模工具，bpmn.js官网：https://bpmn.io/

5.其他

听说大佬可以手写xml文件绘制流程图。

二、资源准备

此次集成的是Activiti-Modeler 5.23.0版本。
Activiti官方GitHub地址： https://github.com/Activiti/Activiti
下载5.23.0版本的包。

1.页面

Activiti-5.23.0modulesactiviti-webapp-explorer2srcmainwebapp


这四个文件是页面需要的，stencilset.json 这个文件可以找找汉化过的。

2.后端

Activiti-5.23.0modulesactiviti-modelersrcmainjavaorgactiviti esteditormainStencilsetRestResource.java
Activiti-5.23.0modulesactiviti-modelersrcmainjavaorgactiviti esteditormodelModelEditorJsonRestResource.java
Activiti-5.23.0modulesactiviti-modelersrcmainjavaorgactiviti esteditormodelModelSaveRestResource.java
这三个文件是后端需要的，模型创建的文件的接口需要自己写。

三、集成

1.maven

   <dependency>
            <groupId>org.activiti</groupId>
            <artifactId>activiti-spring-boot-starter</artifactId>
            <version>7.1.0.M6</version>
        </dependency>
        <dependency>
            <groupId>org.activiti.dependencies</groupId>
            <artifactId>activiti-dependencies</artifactId>
            <version>7.1.0.M6</version>
            <type>pom</type>
        </dependency>

        <!-- Activiti流程图 -->
        <dependency>
            <groupId>org.activiti</groupId>
            <artifactId>activiti-diagram-rest</artifactId>
            <version>5.23.0</ve