一. 引入Bpmn.js并初始化建模器 进入到源文件Modeler.js，可以找到创建Modeler建模器的时候需的参数。 初始化完成之后，在控制台打this.bpmnModeler，可以发现Bpmn

bpmn.js是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成. 因为公司业务的需要因而要在项目中使用到bpmn.js,但是由于bpmn.js的开发者是国外友人, 因此国内对这方面的教材很少, 也没有详细的文档. 所以很多使用方式很多坑都得自己去找…

话不多说，先上效果图： demo地址： https://code-roadfly.github.io/jsplumb-vue-wordFlow/#/ 现支持的功能：  节点的拖拽（1. 将左侧节点拖入

查看流程插件，看是否有比较适合的插件。（简单，方便） 经查找，采取第二种方案。采用插件vue-flowchart-editor.是较为符合我们需求的插件。大家觉得不错也可以star，目前star不多 -- 1. 安装插件 将此项目中的路径为 src/demo文件夹全部复制到我们…

流程引擎在业务流转过程中应用较广泛，bpmn.js能够很方便将BPMN流程图用到你的应用中。定制化的开发，比如自定义工具栏、汉化等等个性化需求在需求研发过程中比较常见，怎么实现呢？有一些经验分享供参考

首先需要明确的一点是，本文的出发点 纯粹是针对工作流开发 的场景的选型对比，其他业务场景下建议重新调研。 什么是工作流？ 工作流，即 Workflow，是对工作流程及其