三、Bpmnjs 核心组件与架构介绍

目录

一、bpmnjs整体架构

二、bpmnjs核心层

2.1 Modeler

2.2 Renderer

2.3 Extensions

2.4 Tools

2.5 Properties Panel

总结

---

一、bpmnjs整体架构

通过上一章“2.bpmnjs简介”中我们可以明白，bpmnjs有两个核心的基础Diagram.js与BPMN模型（bpmn-moddle），bpmnjs在Diagram.js提供的交互、扩展等基础功能之上，对BPMN2.0的语义规则（比如哪几个元素之间可连接）、标准图形库（比如任务元素的图形、网关的图形等）、属性模型（比如流程的属性、任务属性、网关属性等），导入导出（将画布中的模型导出为BPMN2.0XML文件、JSON文件等）、交互逻辑（比如上线文菜单等）等所有元素进行建模和渲染，并设计出符合BPMN2.0协议规范的流程。

bpmnjs整体架构大体图所示：