可视化流程设计

可视化流程设计器涵盖六大功能：在画布上手动拖拽绘制审批流程图、从本地导入标准 BPMN 2.0 文件、为排他网关配置条件分支表达式、将流程图下载为 BPMN 文件用于归档或跨环境迁移、导出 SVG 矢量图用于方案文档与汇报、以及保存操作背后的核心原理——系统如何将画布上的图形自动转换为数据库中的结构化审批节点与流转路径记录。

手动绘制

步骤	操作	备注说明
1	导航到 模板 菜单	BPMN工作流 → BPMN工作流 → 模板
2	新建审批流模板	填写名称后必须先保存，保存后顶部出现 设计BPMN 智能按钮
3	进入BPMN流程设计器	点击 设计BPMN 智能按钮，进入可视化流程图设计器
4	流程绘制	可选节点类型：开始节点(StartEvent)、结束节点(EndEvent)、排他网关(ExclusiveGateway)、并行网关(ParallelGateway)、用户任务(UserTask)、脚本任务(ScriptTask)
5	保存	将绘制的流程图保存到数据库

文件导入

步骤	操作	备注说明
1	打开文件	点击工具栏 打开文件 按钮，选择已准备好的.bpmn后缀文件
2	保存	将导入的流程图保存到数据库

网关流转表达式

步骤	操作	备注说明
1	画布上拖入 排他网关（菱形带X）	拉出两条分支到不同审批节点，比如金额≤5000部门经理批，超过5000总经理批
2	选中排他网关后面的连线	在右侧属性面板中找到 Condition 选项并打开，Type 选择 Expression,录入 Condition Expression
3	条件表达式格式	标准python语法,如 self.amount_total>5000，self 就是发起审批的那条业务单据记录，排他网关后面连线中的判断条件为必填项

文件下载与SVG图片导出

操作	备注说明
文件下载	点击工具栏的 下载文件 按钮，将当前流程图导出为 .bpmn 后缀文件，可用于跨环境迁移、模板存档
图片导出	点击工具栏的 导出SVG 按钮，将当前流程图导出为 .svg 后缀图片，矢量格式无损缩放，适合放到方案文档、汇报 PPT 中

保存机制

动作拆解	备注说明
流程图保存	把画布上的图形，转换成数据库里的结构化 xml 记录
节点解析	将流程图中的节点信息转换为数据模型，保存在数据库中，可在 节点信息 选项卡中查看
流转解析	将流程图中的流转信息转换为数据模型，保存在数据库中，可在 流转信息 选项卡中查看

学习交流