【流程图】bpmn.js的使用-前端实现

1,052 阅读1分钟

效果图

在这里插入图片描述

安装

yarn add bpmn-js bpmn-js-properties-panel camunda-bpmn-moddle diagram-js-minimap 

需要的依赖

“bpmn-js”: “^8.7.3”,
“bpmn-js-bpmnlint”: “^0.18.0”,
“bpmn-js-color-picker”: “^0.3.1”,
“bpmn-js-properties-panel”: “^0.44.0”,
“bpmn-js-token-simulation”: “^0.21.1”,
“bpmnlint”: “^7.2.1”,
“bpmnlint-loader”: “^0.1.5”,
“camunda-bpmn-moddle”: “^5.1.2”,
“diagram-js”: “^7.3.1”,
“diagram-js-minimap”: “^2.0.4”,

如果报错一版是因为少了这个依赖

"camunda-bpmn-moddle": "^5.1.2",

另一个后端实现流程图的库

地址:github.com/zxiaozhou/v…
在这里插入图片描述