1.bpmn-js 交流群附属资料(文档及开源库)
bpmn-js 交流群附属资料(文档及开源库)
目前成都的"小学生"大佬和作者共同开发了 Flowable 流程引擎组件，其中包含了前端设计器和后端流程引擎。
该组件与 Flowable 流程引擎深度结合，针对实际业务场景和使用方式，htmlcssdiv源码对属性编辑面板进行了重新设计，提升了用户体验。新增了符合业务场景的流程校验与进度预览功能，引入了富文本编辑器和代码编辑器。结合后端引擎，可以直接嵌入系统中使用。
详情请访问：bpmport.com/products。通达信见底源码
设计器预览：
1. 编辑器：[designer](designer.bpmport.com/de...)
2. 预览与模拟：[viewer](designer.bpmport.com/vi...)
3. DMN决策设计器：[dmn](designer.bpmport.com/dm...)
一、bpmn-js 中文文档
以下是社区开发者提供和编写的文档，暂无官方中、英文文档。
1. 霖呆呆 - 全网最详bpmn.js中文教材/文档
bpmn-js 中国区启蒙导师~ 多种自定义组件讲解
github.com/LinDaiDai/bp...
juejin.cn/post/...
2. MiyueFE - bpmn.js 中文进阶专栏
需要了解部分源码，仙人指路源码查询文章稍微枯燥，内容丰富
juejin.cn/column/...
3. 选型建议（logicflow，bpmn-js）
具有少量个人倾向
juejin.cn/post/...
4. 运维咖啡吧
稍微基础，有部分API说明
blog.ops-coffee.cn/bpmn
5. YuJianghao（GitHub）
刚刚开始的源码解析
yujianghao.github.io/bp...
6. 官方论坛（英文，支持 GitHub 登录和订阅）
forum.bpmn.io/
二、兔子的眼睛看得源码bpmn-js 改造开源案例
仅编辑器部分
1. 官方案例
github.com/bpmn-io/bpmn...
demo.bpmn.io/s/start
2. MiyueFE
两个开源版本，有细节不够完美，但已经有多个团队和公司基于此项目进行二次开发，例如若依、橙单等
(Vue2 + js)：github.com/miyuesc/bpmn...
(Vue3 + ts)：github.com/moon-studio/...
三、创游风云娱乐源码仿钉钉风格流程编辑器开源案例
1. 蔡晓峰(Vue3 完整版)：支持侧边栏配置与流程编辑
钉钉风格，配置较丰富，可结合后端项目进行 json 通信与 xml 转换
gitee.com/cai_xiao_feng...
2. 蔡晓峰(仿钉钉JSON转XML，Java端)
gitee.com/cai_xiao_feng...
3. MiyueFE(Vue3 基础示例)：最基础的流程配置
没有实现侧边栏，需要自己实现；通过链表结构实现顺序固定
miyuesc.github.io/usefu...
四、admin system 系统开源案例
包含完整的后台管理系统模板
1. 蒜蓉辣椒酱(Vue3 + ts + flowable)
gitee.com/L1yp/van
2. cto-kevin(Vue3 + ts + camunda)
gitee.com/ctokevin/vue-...
3. 芋道源码(若依Pro)(Vue3/2 + ts/js + flowable)
gitee.com/zhijiantianya...
五、bpmn-js 开源工具仓库
1. 自动布局（官方，不支持泳道等）
github.com/bpmn-io/bpmn...
2. 自动布局（开发者修复案例，不支持泳道等）
github.com/marstamm/bpm...
3. 适配缩放的自定义配置网格背景（MiyueFE）
github.com/miyuesc/diag...
4. 支持官方 camunda 与 zeebe 引擎的属性面板汉化（MiyueFE）
GitHub - miyuesc/bpmn-js-in-zh: Chinese internationalization resources for bpmn-js
5. 更美观的上下文菜单（MiyueFE）
github.com/miyuesc/diag...
六、闭源项目
1. MiyueFE (Vue3 + ts) 多个自定义功能实现
实现了垂直泳道、多种自定义、activiti、flowable、camunda 三种流程引擎的属性配置；好东西，就是没开源。。。
vue-bpmn-process-designer.vercel.app
七、其他相关项目
1. didi/logic-flow - 专注于业务自定义的流程图编辑框架
github.com/didi/LogicFl...
2. didi/epage - 一款基于schema的可视化页面配置工具
github.com/didi/epage
3. FormMaking - 基于Vue的可视化表单设计器
github.com/GavinZhulei/...