Flowable/Camunda实战：手把手教你用BPMN 2.0图标画一个完整的审批流程图

Flowable/Camunda实战从零绘制完整审批流程图的BPMN 2.0指南当你在Flowable Modeler中新建一个空白流程时面对左侧琳琅满目的BPMN图标是否曾感到无从下手本文将带你用Camunda Modeler同样适用于Flowable逐步构建一个包含部门审批、财务审核、自动通知等完整环节的采购审批流程。我们会从最基础的拖拽图标开始直到生成可部署的.bpmn文件——整个过程就像搭积木一样直观。1. 环境准备与基础元素认知在开始绘制前建议下载最新版Camunda Modeler与Flowable兼容其界面主要分为四个区域左侧的BPMN元素面板、中央的绘图画布、右侧的属性配置栏以及底部的调试控制台。我们先来认识几个核心元素用户任务User Task需要人工处理的节点如图中部门经理审批服务任务Service Task自动执行的逻辑如发送邮件通知排他网关Exclusive Gateway菱形图标用于条件分支定时事件Timer Event时钟图标实现延迟触发提示双击画布空白处可设置全局流程属性建议先定义processId和name2. 构建采购审批主干流程2.1 绘制基础任务链从左侧面板拖拽**开始事件空心圆**到画布添加第一个用户任务命名为提交采购申请连接后续任务部门初审用户任务金额5000?排他网关财务复核用户任务条件分支最终汇合到归档记录服务任务!-- 示例部门初审的用户任务定义 -- userTask iddeptReview name部门初审 flowable:assignee${applicant.deptManager} extensionElements flowable:formProperty idapproved typeboolean label是否批准/ /extensionElements /userTask2.2 配置网关条件在金额判断网关处需要设置流转条件路径目标条件表达式说明财务复核${amount 5000}大额采购流程直接归档${amount 5000}小额采购快速通道注意表达式语法默认使用JUEL也可切换为Groovy3. 高级功能集成3.1 添加定时事件当需要实现超时自动通过功能时在部门初审任务添加边界定时事件配置属性Timer Definition Type: DurationTimer Definition: PT48H (48小时)连接后续自动审批服务3.2 异常处理设计通过错误边界事件处理审批拒绝在审批任务添加红色闪电图标定义错误代码REJECTED连接补偿任务通知申请人修改重置表单状态// 对应的JavaDelegate示例 public class RejectionNotifier implements JavaDelegate { public void execute(DelegateExecution exec) { String applicant (String) exec.getVariable(applicant); emailService.send(applicant, 您的申请需要修改); } }4. 流程调试与优化4.1 模拟运行测试Camunda Modeler内置模拟器可逐步验证点击右上角Start Process按钮在调试面板填写初始变量{ amount: 7500, applicant: user123 }逐步执行并观察变量变化4.2 性能优化技巧对高频任务启用异步特性serviceTask idarchiveTask flowable:asynctrue/使用执行监听器记录耗时exec.getEngineServices() .getRuntimeService() .createVariableInstanceQuery() .processInstanceIdIn(exec.getId()) .list();5. 可视化增强与文档化5.1 添加注释元素使用文本注释解释复杂逻辑用关联线连接到相关元素分组相关节点到泳道5.2 生成流程图文档通过Modeler的Export功能可生成高分辨率PNG流程图带交互注释的HTML文档符合规范的BPMN 2.0 XML最后分享一个实用技巧在复杂流程中我习惯先用便签纸手绘草图确定主要节点再在工具中细化。对于包含超过15个节点的流程建议拆分为子流程——这能让维护成本降低40%以上。