当前位置:   article > 正文

activiti7在线流程设计器_react + bpmnjs + antd实现流程设计器和流程跟踪

bpmn-js14.2.0 react


阅读原文查看github demo

1. bpmn-js简介

bpmn.js是一个BPMN2.0渲染工具包和web建模器.

它使用JavaScript编写,在不需要后端服务器支持的前提下向现代浏览器内嵌入BPMN2.0流程图.

在线测试: 在线绘制bpmn流程图

2. 实现流程设计器

首先,我们先来看看整体结构

f3114c6700f2c9e0dec310e9d311d0ed.png

记住上面图中的文字

2.1 自定义左侧工具栏(pallete)

首先先看一下目录结构

b5b5e8385ae60054667b4d849e810239.png

在CustomPalette.js文件中实现左侧工具栏,默认bpmn-js的工具栏有很多节点,但一些节点

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/864544
推荐阅读
相关标签
  

闽ICP备14008679号