一、如何绘制BPMN文件

上文讲到了通过流程定义BPMN文件即可让流程流转起来，并执行来几个核心的功能测试。但是那个看起来复杂的BPMN.xml文件的内容手敲起来有点困难，那么实际真实的场景是什么，或者是怎么完成流程图BPMN文件的绘制呢？

绝大多数情况，比如公司流程引擎系统，前端会用基于绘制BPM开源框架进行二次封装，在结合流程引擎后台服务组成一套公司内的流程引擎系统。

而Flowable官方给我们提供了一套可视化操作的web系统，方便文明学习和深入了解Flowable项目。

二、Flwable UI是什么

Flowable UI是官方提供的几个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，下载并安装最新稳定版本的Apache Tomcat。
Tomcat官网：https://tomcat.apache.org
本文下载的是Tomcat9.

2，下载最新稳定版本的Flowable 6。
Flowable官网：https://www.flowable.com/open-source
Flowable的githup地址：https://github.com/flowable/flowable-engine/releases
其实，从官网进去下载也是跳转到githup。
本文下载的是flowable-6.7.2,即下载flowable-6.7.2.zip

3，将Flowable发行包中，wars文件夹下的flowable-ui.war、flowable-rest.war文件，复制到Tomcat的webapps文件夹下。（Flowable不同版本war包可能不同）

4，运行Flowable-UI

方法一：运行Tomcat下的bin/startup.sh（在Mac OS或Linux下），或bin/startup.bat（在Windows下）脚本，启动Tomcat服务器。

cd /Users/xiong/Downloads/install/apache-tomcat-9.0.69
cd bin
sudo ./startup.sh

然后输入密码，看到提示Tomcat started.则tomcat启动成功，

方法二：直接使用java -jar flowable-ui.war命令启动即可

cd /Users/xiong/Downloads/install/flowable-6.7.2/wars
java -jar flowable-ui.war 

然后出现类似Started FlowableUiApplication in 71.135 seconds (JVM running for 72.303)的字样，则flowable启动成功。

ps：以上路径注意是用你自己Flowable的安装包路径。

5，打开web浏览器，访问http://127.0.0.1:8080/flowable-ui/#/，账号密码admin/test。

这样所有的Flowable UI应用都将默认运行在H2内存数据库下，并且可以在浏览器中看到如下登录界面：

登录成功后，首页便有四个模块的内容，分别是Flowable-IDM，Flowable-Modeler，Flowable-Task，Flowable-Admin，对应中文名称就是身份管理应用程序，建模器应用程序，任务应用程序，管理员应用程序。

关于Flowable UI应用更详细的内容，请移步到下一篇文章，谢谢。