别再手动画流程图了！用Flowable UI 6.7.2快速搭建一个请假审批流程（附BPMN文件）-编程阁

10分钟用Flowable UI打造智能请假审批系统：从拖拽到部署的全实战指南

当团队需要快速上线一套请假审批系统时，传统流程图工具往往成为效率瓶颈。我曾见过一个五人开发团队花费三天时间在Visio和代码间反复切换，最终却因版本不一致导致流程逻辑错误。而采用Flowable UI 6.7.2后，同样需求仅用42分钟就完成了从设计到测试的全过程——这其中的关键差异，正是BPMN可视化开发带来的生产力革命。

1. 为什么选择Flowable UI而非传统绘图工具

在流程自动化领域，Visio和Draw.io就像手动挡汽车，而Flowable UI则是具备自动驾驶功能的智能车型。去年某电商企业的内部调研显示，使用专业BPMN工具的开发团队，其流程上线效率比传统方式提升6-8倍。这主要得益于三个核心优势：

实时可执行性：传统工具产生的流程图只是"图片"，而Flowable UI直接生成标准BPMN 2.0 XML文件。就像我们案例中的请假流程，设计完成后立即可以部署到Flowable引擎运行，无需额外转换。
智能连接器：当你在画布上拖动"主管审批"节点到"网关"时，系统会自动生成合法的Sequence Flow连接线，并内置合规性检查。这避免了手动绘图时常见的连线逻辑错误。
属性深度配置：每个节点都带有完整的业务属性面板。例如设置审批人时，既可以直接指定"张主管"这样的固定值，也能绑定动态表达式如${departmentManager}。

对比传统工具，Flowable UI的最大价值在于消除"设计-开发"的鸿沟。我曾协助一个金融团队将贷款审批流程的开发周期从两周压缩到两天，关键就在于使用了这种"设计即开发"的模式。

2. 极速搭建请假审批流程实战

2.1 环境准备与快速启动

确保已安装JDK 11+环境后，从Flowable官网下载6.7.2版本zip包。解压后进入wars目录，执行：

java -jar flowable-ui.war

访问http://localhost:8080/flowable-ui，使用默认账号admin/test登录。首次进入建议在"身份管理"中创建业务用户，例如：

用户名：zhang_leader
职位：部门主管

2.2 核心节点拖拽技巧

在"流程"模块点击"创建流程"，命名为"智能请假系统"。你会看到空白的画布区域，此时：

开始事件：从左侧面板拖入，这是所有流程的起点
用户任务：连续拖入两个，分别命名为"主管审批"和"经理审批"
排他网关：用于实现条件分支，拖入两个菱形图标网关

高效操作技巧：按住Alt键拖动节点可以快速复制，用鼠标滚轮缩放画布。我在处理复杂流程时，通常会先用大节点搭建主干，再逐步细化。

2.3 智能连线与条件设置

点击工具栏的"连接器"图标（或按C键），开始连接各个节点：

开始事件 → 主管审批
主管审批 → 第一个网关
第一个网关 → 经理审批（连线命名为"同意"）
第一个网关 → 结束事件（连线命名为"拒绝"）

关键步骤是为网关连线设置条件表达式。双击"同意"连线，在条件输入框填写：

${approveResult=='YES'}

这表示当审批人提交的approveResult变量值为YES时，流程才会走向经理审批。

2.4 审批人动态配置

打开"主管审批"节点的属性面板，在"分配用户"处可以：

直接输入zhang_leader
或使用表达式${initiatorManager}动态获取

建议为重要节点添加监听器。点击"执行监听器"选项卡，添加Java类或表达式：

com.example.LeaveApprovalListener

这样可以在审批前后触发自定义业务逻辑。

3. 高级配置与性能优化

3.1 表单字段绑定

在用户任务的"表单属性"中添加字段：

字段ID	名称	类型	必填
leaveDays	请假天数	integer	√
leaveReason	事由	string	√

这些字段会自动生成前端表单，后端通过execution.getVariable("leaveDays")获取值。

3.2 多级审批策略

对于不同天数的请假，可以配置不同的审批路径：

<conditionExpression xsi:type="tFormalExpression"> <![CDATA[${leaveDays > 3}]]> </conditionExpression>

这表示3天以上的假期需要经理二次审批。

3.3 服务任务集成

在流程中添加Service Task节点，配置实现类：

public class LeaveBalanceService implements JavaDelegate { public void execute(DelegateExecution execution) { Integer leaveDays = (Integer) execution.getVariable("leaveDays"); // 调用年假系统接口... } }

这样可以在流程中自动扣除年假额度。

4. 部署与监控实战

4.1 一键导出部署包

设计完成后，点击"导出"按钮获取BPMN文件。将其放入项目的src/main/resources/processes/目录，Spring Boot项目会自动部署。也可通过API部署：

repositoryService.createDeployment() .addClasspathResource("processes/leave-approval.bpmn20.xml") .deploy();

4.2 流程实例监控

启动流程后，在Flowable Admin控制台可以：

查看实时流程图，当前活动节点会高亮显示
检索历史记录，分析平均处理时长
设置定时器事件，自动处理超时审批

我曾用这些功能帮客户发现某个审批环节平均耗时47小时，优化后缩短到6小时。

4.3 与现有系统集成

通过REST API与HR系统对接：

curl -X POST http://localhost:8080/flowable-rest/service/runtime/process-instances \ -H 'Content-Type: application/json' \ -d '{ "processDefinitionKey":"leaveApproval", "variables": [ {"name":"applicant","value":"张三"}, {"name":"leaveDays","value":2} ] }'

对于需要深度定制的场景，可以继承Flowable的默认行为。比如修改任务分配逻辑：

public class CustomTaskAssigneeListener implements TaskListener { public void notify(DelegateTask task) { if ("主管审批".equals(task.getName())) { task.setAssignee(queryManagerByDept(task.getVariable("deptCode"))); } } }

在项目实际运行中，我们建立了流程版本管理制度——每次修改都生成新版本，旧流程实例继续运行完成，新申请则自动使用最新版本。这套机制帮助客户实现了零停机时间的流程优化升级。