（2）Flowable流程设计器-Eclipse Designer与UI应用

你的名字 2024-03-24 15:30 18阅读 0赞

## 1、流程设计器 ##

### 1.1、Eclipse Designer ###

参考：https://tkjohn.github.io/flowable-userguide/\#flowableDesigner

创建完流程之后，可以打包成bar文件，进行部署。

### 1.2、Flowable UI应用 ###

Flowable提供了几个web应用，用于演示及介绍Flowable项目提供的功能：

*  Flowable IDM: 身份管理应用。为所有Flowable UI应用提供单点登录认证功能，并且为拥有IDM管理员权限的用户提供了管理用户、组与权限的功能。
 *  Flowable Modeler: 让具有建模权限的用户可以创建流程模型、表单、选择表与应用定义。
 *  Flowable Task: 运行时任务应用。提供了启动流程实例、编辑任务表单、完成任务，以及查询流程实例与任务的功能。
 *  Flowable Admin: 管理应用。让具有管理员权限的用户可以查询BPMN、DMN、Form及Content引擎，并提供了许多选项用于修改流程实例、任务、作业等。管理应用通过REST API连接至引擎，并与Flowable Task应用及Flowable REST应用一同部署。

所有其他的应用都需要Flowable IDM提供认证。每个应用的WAR文件可以部署在相同的servlet容器（如Apache Tomcat）中，也可以部署在不同的容器中。由于每个应用使用相同的cookie进行认证，因此应用需要运行在相同的域名下。

**在Flowable6.6之后把FlowableUI中提供的四个功能合并到了一起。**

#### 安装部署 ####

1.  从官网下载 flowable-6.7.0 : https://flowable.com/open-source/downloads/

下载完，解压后，打开目录 wars

1.  找个干净的 tomcat8

把 wars 文件目录里面的

flowable-rest.war、flowable-ui.war

共 2 个 war包放到tomact的 webapps 目录

1.  然后找到 tomcat / bin / startup.bat 启动 tomcat

会等待一段时间，所有war包都解压后

1.  找到每个项目中的

比如：\\webapps\\flowable-ui\\WEB-INF\\classes flowable-default.properties 这样的配置文件

修改：改成自己的数据库链接地址，数据库名flowable67 自己创建，从flowable-6.7.0.zip里面database下面的creat/all 下的sql 脚本执行去建表 79张表

spring.datasource.driver-class-name=com.mysql.jdbc.Driver
    spring.datasource.url=jdbc:mysql://192.168.27.114:3306/flowable67?useUnicode=true&characterEncoding=UTF-8&serverTimezone=UTC&useSSL=false
    spring.datasource.username=root
    spring.datasource.password=123456

主要就是修改数据库链接上，改成mysql的。

找一个mysql连接的jar，分别放到lib下，比如：\\apache-tomcat-8.5.66\\webapps\\flowable-rest\\WEB-INF\\lib

1.  几个项目的都修改完，关闭之前运行的tomcat ，重新启动

都正常启动后，需要时间久点

如果启动中出现乱码修改Tomcat的conf目录下的 logging.properties 文件中的编码

![在这里插入图片描述][90305e5a7bc84e70a3616bb0dacfc14e.png]

访问 http://127.0.0.1:8080/flowable-ui 用户名 admin 密码 test

![在这里插入图片描述][dba8c67237de416baf91115c8acdd937.png]

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

点开建模器应用程序

创建新的流程

![在这里插入图片描述][0c5166e222184ec083f1f0c45b4e6c45.png]

流程图界面

![在这里插入图片描述][41ee83305d22490c8ad1a4bd9960b172.png]

创建流程，分配处理人

分配的处理人可以先在用户管理里边进行创建用户。  
![在这里插入图片描述][a39c3b37ea9049ca808803fdc37148cb.png]

![在这里插入图片描述][7bfeb515edf446759c2236b7e77c14a5.png]

创建好的流程，保存一下

![在这里插入图片描述][ad0f4523dd29423b835c9df6dfb49e55.png]

#### 部署流程 ####

创建好的流程，一键导出成xxx.bpmn20.xml文件

![在这里插入图片描述][f763449ed83f4e2b9bca7be276bd0f09.png]

下载下来之后，拷贝到项目的resource目录下即可

![在这里插入图片描述][2637a864fb6c4addaa98bb57ddab3fa2.png]

之后，就可以进行手动部署操作了

#### 应用程序演示 ####

在Flowable UI中提供了演示程序

##### 创建应用程序 #####

![在这里插入图片描述][5e2d7780449e480dbb1b95197efd034f.png]

创建一个应用程序

![在这里插入图片描述][6db51028ab2e45389375a40aaf368b01.png]

创建应用后需要指定对应的流程图  
![在这里插入图片描述][13d01c6a73864212b905d13c4b7cdcf6.png]  
![在这里插入图片描述][09f54c23bf1a46e68dc3e4c9db118c4f.png]  
![在这里插入图片描述][a1d8574694c14278979cf36cd39320fc.png]

##### 发布应用程序 #####

在这里也可以将应用程序下载下来，是个zip文件。  
![在这里插入图片描述][75381be150f64fc18c1621af0cb5e405.png]

![在这里插入图片描述][1a31ed98502e43edb1768d8dcfc46990.png]

##### 启动流程 #####

发布了应用程序之后，就可以启动流程了

![在这里插入图片描述][9b817b0341bc4ad29069460d712b6a8c.png]  
![在这里插入图片描述][a4e403a984de430cb90c148fc3056133.png]  
![在这里插入图片描述][e212fe13edd844de8b8754c3a3e06a00.png]  
![在这里插入图片描述][483e61d322c04296b2f674df5468d1f5.png]

点击显示图

![在这里插入图片描述][b1d51aa3a3924c49a874fd001dc9d630.png]

可以看到当前是user1来处理，user1登录后可以看到要处理的流程，user2登录是看不到的

![在这里插入图片描述][e4711f92ce154a559180fb2300b42577.png]

点击完成后，流程就向下一步流转了

![在这里插入图片描述][2f0843a1de0142c19168927bb5d92960.png]

user2登录后，可以看到待处理的信息

![816f56ee4c6745ab9a0e6520792e97e8.png][]

![在这里插入图片描述][e678205b22b4482c90e831616726e497.png]

点击完成，流程结束了

[90305e5a7bc84e70a3616bb0dacfc14e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/f08e4aaf4ac84614a4a32e1e3097aa25.png
[dba8c67237de416baf91115c8acdd937.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/aecf9db881ec45b38b76436e5b96e0af.png
[0c5166e222184ec083f1f0c45b4e6c45.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/26d7a98c5bab4df68cc45093af92d691.png
[41ee83305d22490c8ad1a4bd9960b172.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/347c76ff3e8f465bb9642ff64e864581.png
[a39c3b37ea9049ca808803fdc37148cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/e49a6e85d52e42fbaf72b0fa84e505da.png
[7bfeb515edf446759c2236b7e77c14a5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/e86d7417b2ec43e5832c8a488f75989a.png
[ad0f4523dd29423b835c9df6dfb49e55.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/34bba7b4991546f5bacaff28187e67d3.png
[f763449ed83f4e2b9bca7be276bd0f09.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/113022fa1de745a98d7aa9fbdda10df5.png
[2637a864fb6c4addaa98bb57ddab3fa2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/a195f06c579e49789fd75c76d2e351b8.png
[5e2d7780449e480dbb1b95197efd034f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/be729c2ada9c4027b525eb850ded2837.png
[6db51028ab2e45389375a40aaf368b01.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/d068566963a049c4aad455b602f7df53.png
[13d01c6a73864212b905d13c4b7cdcf6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/2476d3cf9ad64036b288b196ab68909a.png
[09f54c23bf1a46e68dc3e4c9db118c4f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/37db26ded5584c7cb58bb6ac2b2daf8c.png
[a1d8574694c14278979cf36cd39320fc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/3d7dde01153849cda77780232ce72e6a.png
[75381be150f64fc18c1621af0cb5e405.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/cbef7a94f5ad4ee38f2b32792458d25a.png
[1a31ed98502e43edb1768d8dcfc46990.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/5c299665268f45a7b1ed1a23960e1e0c.png
[9b817b0341bc4ad29069460d712b6a8c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/ffb6a0a2a2b04752a4827baf36b4cd91.png
[a4e403a984de430cb90c148fc3056133.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/d79829c301b84f789ce922ba7cb2f19e.png
[e212fe13edd844de8b8754c3a3e06a00.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/d51043657e6f4333949cceed794fca3e.png
[483e61d322c04296b2f674df5468d1f5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/3d358a6b80c54bad8fb8df2104c2544d.png
[b1d51aa3a3924c49a874fd001dc9d630.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/d9265f582f8e4572b4270e730f26e364.png
[e4711f92ce154a559180fb2300b42577.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/810d26919e56478c9c0a275cb270ff09.png
[2f0843a1de0142c19168927bb5d92960.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/cf6d0cf86f174c12a353f88e63391adb.png
[816f56ee4c6745ab9a0e6520792e97e8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/491387634aad4442bbf3981710b2e045.png
[e678205b22b4482c90e831616726e497.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/903a9cb1ae194929b491d37e1e970404.png