前言
Q: bpmn.js是什么? 🤔️
bpmn.js是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成.
Q: 我为什么要写该系列的教材? 🤔️
因为公司业务的需要因而要在项目中使用到bpmn.js
,但是由于bpmn.js
的开发者是国外友人, 因此国内对这方面的教材很少, 也没有详细的文档. 所以很多使用方式很多坑都得自己去找.在将其琢磨完之后, 决定写一系列关于它的教材来帮助更多bpmn.js
的使用者或者是期于找到一种好的绘制流程图的开发者. 同时也是自己对其的一种巩固.
由于是系列的文章, 所以更新的可能会比较频繁, 您要是无意间刷到了且不是您所需要的还请谅解😊.
求赞👍, 求Start 🌟, 求Fork 📓, 希望能对你有一点小小的帮助.
所有教材的github地址: 《bpmn-chinese-document》
bpmn.js简介
上面👆其实已经介绍过了, bpmn.js是一个BPMN2.0渲染工具包和web建模器.
它使用JavaScript编写,在不需要后端服务器支持的前提下向现代浏览器内嵌入BPMN2.0流程图.
简单来说, 就是能使得前端来画流程图, 它可能长成这样:
也可能长成这样:
或许你可以亲自试试: 在线绘制bpmn流程图
教材目录
在此教材中, 你可以学到:
《全网最详bpmn.js教材-自定义contextPad篇》
《全网最详bpmn.js教材-properties-panel篇(上)》