bpmn.js是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成.
研究过这个工具的朋友肯定知道,该工具的文档特别少,api介绍几乎找不到,本人因为最近工作接触到相关任务,开始研究了几天,就写一点总结,希望能帮到有需要的人。 我们的项目后端是是用Activiti工作流。需要前端绘制流程图,提交xml到后端来解析,并执行工作流。
- bpmn.js基础知识介绍
- bpmn.js导入导出,回退前进等常用操作实现
- bpmn.js动态节点创建,删除节点,修改节点,删除线条,添加线条等操作
- bpmn.js修改节点颜色,线条颜色,节点属性等介绍
- 其他(汉化,面板创建等)
npm install
npm run serve
npm run build
本项目采用vue-cli4搭建,可以改造成react,angular,jq等实现,改造起来不困难,vue表现在数据渲染的不同,对bpmn的使用区别并不大。