BPMN.JS是一个bpmn2.0渲染包和web建模器,绘制流程界面在前端完成,把相应的元素信息通过xml的形式传给后端。
bpmn主要包括图形绘制及拖拽部分,左侧工具栏palette,点击元素出现的contextPad操作面板,右侧属性设置面板,
下图。创建建模器,可以自定义扩展模块来替换自带的
bpmn通过eventBus总线来监听元素的时间,如元素的选择,删除元素,增加元素等等事件,canvas上的元素包括节点(开始,结束,节点),
连接线endTask,网关gateWay
updateProperties更新元素的属性值,使用modeler.get()来获取元素的值,modeler.get(elementRegistry)能获取所有元素的属性
modeler.importXml导入xml数据,modeler.saveXml保存xml数据