BPMN.JS是一個bpmn2.0渲染包和web建模器去扣,繪制流程界面在前端完成,把相應(yīng)的元素信息通過xml的形式傳給后端樊破。
bpmn主要包括圖形繪制及拖拽部分愉棱,左側(cè)工具欄palette,點擊元素出現(xiàn)的contextPad操作面板哲戚,右側(cè)屬性設(shè)置面板奔滑,
下圖。創(chuàng)建建模器顺少,可以自定義擴展模塊來替換自帶的
bpmn通過eventBus總線來監(jiān)聽元素的時間朋其,如元素的選擇王浴,刪除元素,增加元素等等事件梅猿,canvas上的元素包括節(jié)點(開始氓辣,結(jié)束,節(jié)點)袱蚓,
連接線endTask筛婉,網(wǎng)關(guān)gateWay
updateProperties更新元素的屬性值,使用modeler.get()來獲取元素的值癞松,modeler.get(elementRegistry)能獲取所有元素的屬性
modeler.importXml導(dǎo)入xml數(shù)據(jù),modeler.saveXml保存xml數(shù)據(jù)