Repolode
bpmn-io

bpmn-io/bpmn-js

一个在浏览器中渲染和编辑 BPMN 2.0 流程图的 JavaScript 工具包。

Star
9,702
Fork
1,489
未关闭 Issue
119
最近提交
16小时前

这是什么?

bpmn-js 让 Web 应用无需服务端组件即可在浏览器中查看和编辑 BPMN 2.0 流程图。开发者在容器元素中创建 viewer 或 modeler 实例,再导入 BPMN 2.0 XML 即可把流程图渲染到页面上。

底层依赖 bpmn-moddle 负责 BPMN 2.0 XML 的读写,依赖 diagram-js 提供渲染与编辑画布。它是一个可扩展的工具包,开发者可以在默认的建模器之上添加自定义行为。

项目既可以使用预打包版本,也可以通过 npm 安装后集成到打包的 Web 应用中。仓库还提供了在线演示和多种集成示例。

核心功能

  • 01在浏览器中渲染 BPMN 2.0 XML 流程图。
  • 02提供可交互的建模器,用于创建和编辑流程图。
  • 03通过 bpmn-moddle 导入和导出 BPMN 2.0 XML。
  • 04架构可扩展,便于添加自定义建模行为。
  • 05可通过 npm 安装,也可使用预打包版本。

适用场景

  • 在 Web 应用中嵌入只读的 BPMN 流程图查看器。
  • 为终端用户构建基于浏览器的流程建模工具。
  • 为内部工作流或管理后台添加 BPMN 图编辑功能。

标签

常见问题

bpmn-js 是什么?
一个在浏览器中渲染和编辑 BPMN 2.0 流程图的 JavaScript 工具包。 bpmn-js 让 Web 应用无需服务端组件即可在浏览器中查看和编辑 BPMN 2.0 流程图。开发者在容器元素中创建 viewer 或 modeler 实例,再导入 BPMN 2.0 XML 即可把流程图渲染到页面上。
bpmn-js 可以免费使用吗?用的什么许可证?
bpmn-js 以 Other 许可证开源。用于商业产品前,请先确认许可证条款。
bpmn-js 还在维护吗?
活跃维护中。bpmn-js 最近一次提交是在 2026年10月21日。
bpmn-js 适合用来做什么?
在 Web 应用中嵌入只读的 BPMN 流程图查看器。 为终端用户构建基于浏览器的流程建模工具。 为内部工作流或管理后台添加 BPMN 图编辑功能。
在哪里获取 bpmn-js?
源代码和安装说明在 GitHub 上:https://github.com/bpmn-io/bpmn-js

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目