深入 Flowable 流程设计：用 Modeler 可视化构建流程

在上一篇文章中，我们通过 XML 文件定义了一个简单的请假流程。但在实际项目中，直接手写 XML 显然不现实 —— 复杂流程可能包含几十个节点和网关，靠代码维护简直是灾难。这时候，Flowable Modeler 这款可视化流程设计工具就派上用场了。

今天就带大家从零开始，用 Flowable Modeler 设计出能直接运行的业务流程，包括分支审批、并行任务、动态表单这些实战中必备的功能。

一、Flowable Modeler 是什么？

Flowable Modeler 是 Flowable 官方提供的 Web 版流程设计工具，它就像 "流程界的 PowerPoint"—— 通过拖拽节点、连线的方式就能画出符合 BPMN 2.0 规范的流程图，设计完成后可以直接导出为 XML 部署到系统中，完美解决了手写流程定义的痛点。

它的核心优势在于：

• 可视化操作，非技术人员也能参与流程设计

• 自动生成标准 BPMN 2.0 XML，避免手动编写的语法错误

• 支持流程校验，提前发现设计缺陷

• 可直接与 Flowable 引擎集成，设计完就能测试运行

二、搭建 Flowable Modeler 环境

2.1 快速启动（推荐新手）

最简单的方式是使用 Flowable 提供的 Docker 镜像，一行命令即可启动：

docker run -d -p 8080:8080 flowable/flowable-ui

等待镜像下载完成后，访问http://localhost:8080/flowable-ui，默认用户名密码都是admin，登录后就能看到 Modeler 的主界面。

2.2 手动部署（适合需要定制的场景）

如果需要本地化部署或定制配置，可以下载 Flowable UI 的 WAR 包：

1. 从Flowable 官网下载flowable-ui.war
2. 将 WAR 包放入 Tomcat 的 webapps 目录
3. 启动 Tomcat，访问http://localhost:8080/