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以及JDK。
  2. 下载最新稳定版本的Flowable 6,建议下载6.6.0后的包。

下载完成后解压flowable文件,在flowable6.6之后把FlowableUI中提供的功能合并到一起了,只需要把解压缩后的两个war包拷贝到Tomcat的解压缩的webapps目录下,然后启动Tomcat即可。

flowable从DelegateTask查询businessKey flowable form_启动流程


flowable从DelegateTask查询businessKey flowable form_应用程序_02

启动服务

启动Tomcat。

启动成功后,在浏览器中访问 http://localhost:8080/flowable-ui, 默认的账号密码是 admin/test

flowable从DelegateTask查询businessKey flowable form_应用程序_03

flowable从DelegateTask查询businessKey flowable form_应用程序_04

用户管理

身份管理应用程序中创建用户并授权

flowable从DelegateTask查询businessKey flowable form_flowable_05

flowable从DelegateTask查询businessKey flowable form_启动流程_06


flowable从DelegateTask查询businessKey flowable form_启动流程_07

绘制流程

建模应用程序中创建流程

flowable从DelegateTask查询businessKey flowable form_应用程序_08

flowable从DelegateTask查询businessKey flowable form_UI_09

flowable从DelegateTask查询businessKey flowable form_应用程序_10

绘制完成后,点击左上角的保存,然后并关闭。

部署流程

流程绘制完成保存后,在流程菜单下可看到已绘制完成的流程

flowable从DelegateTask查询businessKey flowable form_应用程序_11

点击绘制完成的流程,然后下载

flowable从DelegateTask查询businessKey flowable form_启动流程_12

然后拷贝至项目的resources目录:

flowable从DelegateTask查询businessKey flowable form_应用程序_13

之后就可以按照之前测试的步骤使用这个流程了。

flowable UI演示

flowable UI提供了流程的演示功能,我们可直接在这个程序中验证使用下这个流程

部署流程

刚刚在flowableUI中创建好的程序,需要先部署下,才可以使用,就和之前代码部署xml一样,将流程部署好。只不过这里是通过flowableUI程序部署。

flowable从DelegateTask查询businessKey flowable form_应用程序_14


点击应用程序,然后创建一个应用程序

flowable从DelegateTask查询businessKey flowable form_flowable_15

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

flowable从DelegateTask查询businessKey flowable form_flowable_16

flowable从DelegateTask查询businessKey flowable form_应用程序_17

flowable从DelegateTask查询businessKey flowable form_应用程序_18

刚刚创建好的应用程序已经关联上了流程,现在就开始发布这个应用程序

flowable从DelegateTask查询businessKey flowable form_应用程序_19

flowable从DelegateTask查询businessKey flowable form_UI_20

flowable从DelegateTask查询businessKey flowable form_flowable_21

启动流程

发布成功后,就可以启动流程了

点击首页的任务应用程序

flowable从DelegateTask查询businessKey flowable form_UI_22

flowable从DelegateTask查询businessKey flowable form_flowable_23

flowable从DelegateTask查询businessKey flowable form_启动流程_24

flowable从DelegateTask查询businessKey flowable form_UI_25

当前任务需要由user1来完成,所以我们登录下user1的账号

flowable从DelegateTask查询businessKey flowable form_flowable_26

当user1完成任务后,流程进入到了下一步,总经理审批

flowable从DelegateTask查询businessKey flowable form_flowable_27

flowable从DelegateTask查询businessKey flowable form_UI_28

之前通过flowableUI测试创建的这个流程,在设计的时候,我们只给提交请假流程分配了user1,总经理审批并没有分配,所以流程后续是没有用户操作的,可自行测试多创建一个user2用户,然后设计流程图的时候,给总经理审批也分配一个用户,这样就能完成的走完这个流程了。