【第三篇】Flowable之FlowableUI应用_Activiti

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进行认证,因此应用需要运行在相同的域名下。

1. 安装部署

下载Tomcat:https://tomcat.apache.org/download-80.cgi 官网下载后解压缩到非中文目录即可,然后是下载FlowableUI的文件,在Flowable6.6之后把FlowableUI中提供的四个功能合并到了一起。

【第三篇】Flowable之FlowableUI应用_Java_02

然后把解压缩后的两个war包拷贝到Tomcat的解压缩的webapps目录下

【第三篇】Flowable之FlowableUI应用_工作流_03

Tomcat目录:
【第三篇】Flowable之FlowableUI应用_Java_04

2.启动服务

  启动Tomcat服务,执行startup.bat文件

【第三篇】Flowable之FlowableUI应用_工作流_05

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

【第三篇】Flowable之FlowableUI应用_Java_06

如果一闪而过则检查jdk的环境变量配置。启动成功后,在浏览器中访问 http://localhost:8080/flowable-ui, 默认的账号密码是 admin/test

【第三篇】Flowable之FlowableUI应用_工作流_07

3.用户管理

  我们先在 ​​身份管理应用程序​​ 中创建用户并授权

【第三篇】Flowable之FlowableUI应用_Activiti_08

创建用户

【第三篇】Flowable之FlowableUI应用_工作流_09

填写详细信息

【第三篇】Flowable之FlowableUI应用_FlowableUI_10

授权管理
【第三篇】Flowable之FlowableUI应用_FlowableUI_11

4. 绘制流程

创建新的流程

【第三篇】Flowable之FlowableUI应用_FlowableUI_12

流程图界面
【第三篇】Flowable之FlowableUI应用_Java_13

创建流程,分配处理人

【第三篇】Flowable之FlowableUI应用_Java_14

【第三篇】Flowable之FlowableUI应用_FlowableUI_15

继续完成流程图的创建

【第三篇】Flowable之FlowableUI应用_Java_16

5. 部署流程

  绘制好的流程图,我们只需要一键导出即可

【第三篇】Flowable之FlowableUI应用_Flowable_17

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

【第三篇】Flowable之FlowableUI应用_Flowable_18

然后就是正常的操作流程了

6. FlowableUI 演示

6.1 部署流程

  在FlowableUI中提供了演示程序
【第三篇】Flowable之FlowableUI应用_Java_19

创建一个新的应用程序,并指定相关的信息
【第三篇】Flowable之FlowableUI应用_Java_20

创建应用后需要指定对应的流程图

【第三篇】Flowable之FlowableUI应用_Flowable_21

【第三篇】Flowable之FlowableUI应用_FlowableUI_22

【第三篇】Flowable之FlowableUI应用_Activiti_23

发布应用程序

【第三篇】Flowable之FlowableUI应用_FlowableUI_24

6.2 启动流程

  发布了应用程序后我们就可以来启动流程了

【第三篇】Flowable之FlowableUI应用_FlowableUI_25

【第三篇】Flowable之FlowableUI应用_Flowable_26

【第三篇】Flowable之FlowableUI应用_FlowableUI_27

【第三篇】Flowable之FlowableUI应用_FlowableUI_28

点击显示图:

【第三篇】Flowable之FlowableUI应用_FlowableUI_29

也就是可以看到当前是user1来处理,user1登录后可以看到要处理的流程,user2登录是看不到的。
【第三篇】Flowable之FlowableUI应用_工作流_30

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

【第三篇】Flowable之FlowableUI应用_Activiti_31

这时再通过user2登录,就可以看到对应的代办的信息

【第三篇】Flowable之FlowableUI应用_Java_32

【第三篇】Flowable之FlowableUI应用_工作流_33

然后点击完成,那么整个流程就走完了,搞定~