preface

Q: What is bPMn.js? 🤔 ️

BPMN. Js is a BPMN2.0 rendering toolkit and Web modeler that enables flowcharting to be done on the front end.

Q: Why did I write this series? 🤔 ️

Because of the needs of the company’s business, BPMn. js is used in the project. However, because the developers of BPMN. js are foreign friends, there are few textbooks and no detailed documents in China. So there’s a lot of use and a lot of holes that you have to find yourself. After thinking about it, I decided to write a series of textbooks on it to help more bPMN.js users or developers who are looking for a good way to draw flow charts. Also be oneself to its a kind of consolidate at the same time.

As it is a series of articles, so the update may be more frequent, if you accidentally brush and not what you need, please understand 😊.

Don’t ask for praise 👍 don’t ask for ❤️. I just hope I can help you a little.

BPMN. Introduction of js

As mentioned above at 👆, bPMn. js is a BPMN2.0 rendering toolkit and Web modeler.

It is written in JavaScript and embeds BPMN2.0 flowcharts into modern browsers without the need for back-end server support.

In simple terms, the front end can be used to draw a flow chart, which might look like this:

It could look like this:

Maybe you can try it yourself: Draw BPMN flow charts online

The teaching material directory

Bpmn-chinese-document GitHub address, ask Star🌟

In this textbook, you will learn:

Notes on BPMN.JS Communication Groups

“The most detailed bPMN.JS textbook – basic”

“The most detailed bPMN.js textbook – HTTP request”

The most detailed BPMN.JS textbook in the whole network – Event Article

“The most detailed bPMN.js textbook – custom Palette”

Bpmn.js textbook – Custom Renderer

Customizing contextPad for BPMN.js

“The most detailed bPMN.js textbook – Editing, deleting nodes”

“The most detailed bPMN.js textbook – Package components”

The most detailed bPMN.js textbook – Properties

Bpmn.js textbook – Properties – Panel (1)

Bpmn.js textbook – Properties – Panel (2)

“The most detailed bPMN.js textbook -Color”

“The network of the most detailed BPMN.JS textbooks – group friends questions summary (1)”

“The network most detailed BPMN.JS textbooks – group friends questions summary (2)”

“The most detailed bPMN.js textbook in the whole network – Other questions summary”

Digging-a Process Designer for Activiti using VUE + BPMN-JS

Winily-vue integrated BPMN-JS Workflow Model Editor

Digyou Winily-BPMN.js Online Process Editor in Chinese