bpmn-js打造最强flowable流程设计器

在企业级系统中，流程引擎是不可或缺的一环。Flowable 作为一款强大而灵活的 BPM 引擎，提供了丰富的流程控制能力。但它默认的流程设计器相对简陋，扩展性不高，难以满足复杂业务场景下的个性化需求。

本文将介绍如何基于 bpmn-js 打造一款媲美甚至超越官方的 Flowable 流程设计器，支持丰富的自定义属性、事件监听、与后端无缝联动等功能。

为什么选择 bpmn-js？

[bpmn-js]() 是 Camunda 团队开源的一款 BPMN 2.0 图形建模工具，具有如下优势：

• 原生支持 BPMN 2.0 标准
• 支持建模与渲染
• 可扩展性强（可定制 palette、renderer、moddle、属性面板等）
• 社区活跃，文档齐全

节点支持

• 开始事件：开始、消息启动、定时启动、条件启动、信号启动、参数启动
• 任务类型：用户任务、服务任务、接受任务、手动任务、规则任务、脚本任务
• 自定义任务：Http任务、抄送任务、Shell任务、邮件任务、外部工作者任务、决策任务、Mule任务
• 网关类型：排他网关、并行网关、事件网关、包容网关
• 边界事件：错误、定时、信号、消息、条件、升级、补偿、参数
• 中间事件：消息、定时、升级、条件、补偿、信号、参数
• 结束事件：结束、消息、升级、错误、补偿、信号、终止
• 子流程：引用流程、子流程、临时子流程、事件子流程、事务子流程

示例效果图（建议附带）

预览地址：bpmn-js 流程设计器