二.Flowable自带Demo（Flowable-UI）超详细体验

问题反馈

如有问题可通过微信公众号“假装正经的程序员”反馈

Flowable-UI是什么

Flowable-UI是flowable自带的一套供开发人员体验的系统，它通过后台的UI建模，让开发人员了解Flowable的工作流程，同时它部署简单，只需要将对应的war包丢到Tomcat后启动即可。

它主要提供如下功能：

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

如何安装启动

1.下载地址（自行选择版本）：https://github.com/flowable/flowable-engine/releases

2.解压之后会获取到flowable-rest.war和flowable-ui.war

3.将上述两个war包丢进Tomcat的webapps目录下，启动Tomcat

4.出现如下，即表示启动成功

登录

输入http://localhost:8080/flowable-ui进行体验

用户名：admin

密码：test

创建表单

设置表单key

创建好表单名和表单key后会进入到如下界面：

将左侧组件拖入到右侧后会出现如下，通过右下角的笔头可以编辑组件显式内容

自定义组件id

如果需要通过该组件的值做判断或者展示，需要将id设置成自己业务相关内容，如流程中可能通过请假天数的值来判断走哪个流程，这个时候就可用${num>3}来做判断

保存表单，创建完毕

创建用户

创建用户组

创建用户

添加组成员

注意：新增用户后可能存在一定的延迟，另外此处的搜索要搜索的是用户的名称，否则可能搜索不到

授予权限

注意：如果新增的用户没有授予权限，那么该用户登录后会什么都不展示

这个时候登录lisi的账户就会出现任务应用程序了

定义流程

创建、导入流程

支持创建和导入已有流程

绘制流程

左侧流程组件可按需拖入，

详细组件内容后面会出专门的文章说明</