Ghr Blog

流程图的价值在于能够被保存、加载、版本管理。本文讲解如何安全地导入导出BPMN XML、处理错误、与后端系统集成，以及流程的持久化策略。

Modeler 是bpmn.js的编辑模式，用户可以通过拖拽、绘图、属性编辑来创建和修改流程。本文讲解Modeler的初始化、UI组件、编辑API与流程保存。

Viewer 是bpmn.js的只读模式，用于加载和展示流程图。本文讲解Viewer的核心功能——加载XML、缩放、导航、高亮与选中，以及常见的交互场景。

现在我们从理论进入实践。bpmn.js 是一个由 bpmn.io 社区维护的JavaScript库，用来加载、编辑、展示BPMN流程图。本文介绍bpmn.js的生态、核心概念与最小实现示例。

在BPMN中，流程对象（事件、任务、网关）需要通过连接对象来组织成一个完整的流程。本文讲解顺序流、消息流、数据对象及其语义，这些是建模的”血管“。

在BPMN中，泳道（Swimlanes） 用来表示流程参与者与职责边界。泳道包括 池（Pool） 和 道（Lane） 两个层级，帮助清晰地展示”谁做什么”。本文讲解泳道的设计原则与跨组织协作的建模方式。

在BPMN中，网关（Gateway） 是流程的”十字路口”，用来控制流程的分支与汇合。不同的网关类型代表不同的决策逻辑。本文讲解网关的四大类型、语义差异与应用场景。

在BPMN中，活动（Activity） 代表流程中”做什么”的具体行为。最常见的活动形式是任务（Task） 和 子流程（Sub-Process）。本文讲解任务的分类、应用场景，以及子流程如何用于流程复用与分层。

在BPMN中，事件（Event） 代表流程的”关键时刻”——何时开始、中途如何被触发、何时结束。事件是流程的入口与出口，也是流程中等待与反应的载体。本文深入讲解事件的分类、语义及常见用法。

BPMN（Business Process Model and Notation，业务流程模型与符号）是一套由OMG（对象管理集团）标准化的流程建模规范。它不仅是流程图工具，更是一种跨部门、跨技术人员沟通的统一语言。本文介绍BPMN的核心价值、适用场景与基本构成，为深入学习奠定基础。