01-开篇：重新认识 bpmn.js 与 BPMN 规范

预览：

1. Flowable 编辑器：flowable-designer，
2. Activiti 编辑器：activiti-designer，
3. 预览与模拟：viewer，
4. DMN决策设计器：dmn

---

在正式开始介绍 bpmn.js 源码之前，我想先向大家介绍一下与 bpmn.js 相关的一些概念。

根据官网介绍，bpmn.js 作为符合 BPMN 2.0 标准 XML 文件的 阅读器（Viewer）和 编辑器（editor），可以用在 浏览器 中创建、嵌入和扩展 BPMN 2.0 文件，也可以独立使用或将其集成到应用程序中。该库内部的核心代码全部由 JavaScript 编写，并且只包含 BPMN 2.0 图文件的相关操作，所以可以脱离后端应用独立运行。

那么什么是 BPMN 2.0

BPMN（全称 Business Process Model and Notation，业务流程模型和标记法），是一个全球性的 标准业务建模及执行标准，也可以看做是一门 基于流程图的、开放标准的符号语言。该标准由 对象管理组（Object Management Group - OMG） 进行维护，与其他商业组织无关。BPMN 的前身是由 BPMI（Business Process Management Initiative，业务流程管理倡议组织）开发的 “Business Process Modeling Notation”，即“业务流程建模标记法”。之后与 2005 年与 OMG 合并后在 2007 年发布 1.0 版本。

BPMN 2.0 即该标准的 2.0 版本，与 2010 年 12 月正式发布。

完整的发展历史和规范完整介绍可以查看 ABOUT THE BUSINESS PROCESS MODEL AND NOTATION SPECIFICATION VERSION 2.0

该标准的主旨是：通过提供一套既符合业务人员直观又能表现复杂流程语义的标记法，同时为从事业务流程管理的技术人员和业务人员提供支持。通过引入 XML，结合 BPMN 本身定义的图形标记，可以很好的表达出整个业务流程的细节和走向，后台系统也可以通过解析 XML 来正确识别该业务流程的完整配置。而为了使这些图形标记在 能够处理流程复杂性的同时又能简单明了、通俗易懂，BPMN 规范通过定义 五个基础元素类型，并且每个类型可以通过添加额外的功能和信息来支持流程的复杂性而不会显著改变元素的基本外观。

这五个基础元素类型是：

1. Flow Object 流程对象，也可以称为 Flow Elements 流程元素
2. Data 数据对象
3. Connecting Objects 连接对象，也可以称为 Connecting Elements 连接元素
4. Swimlan