bpmn-js 源码解析和实践

内容介绍

TIP

bpmn-js 源码解析和实践

数据统计

12 文章 · 65 订阅

文章列表

bpmn-js 源码篇11：Viewer&Modeler - BPMN2.0 文件预览工具和编辑工具

当我们已经掌握了之前的内容以后，再来看 bpmn-js 或者 dmn-js 图形界面 的逻辑其实就很简单了。 根据 Bpmn.js 进阶指南之原理分析与模块改造 中讲到的 bpmn-js 的 Mode...

📎阅读原文

📊 461 阅读 · 5 点赞 · 0 评论 · 1 收藏

📅 2025-05-14 🏷 前端 JavaScript

bpmn-js 源码解析开篇：重新认识 bpmn.js 与 BPMN 规范

在正式开始介绍 bpmn.js 源码之前，我想先向大家介绍一下与 bpmn.js 相关的一些概念。根据官网介绍，bpmn.js 作为符合 BPMN 2.0 标准 XML 文件的 **阅读器...

📎阅读原文

📊 3628 阅读 · 26 点赞 · 6 评论 · 39 收藏

📅 2024-08-22 🏷 前端 工作流引擎 bpmn-js

bpmn-js 源码篇1：Injector 依赖注入模式的实现

作为 bpmn.js 与 diagram.js 的模块化系统的底层依赖，Injector 通过 依赖注入 的形式完美分开了不同功能模块之前的核心代码，保证使用者 只需要了解所需依赖的功能，然后专注于各...

📎阅读原文

📊 846 阅读 · 9 点赞 · 3 评论 · 9 收藏

📅 2024-10-24 🏷 bpmn-js 工作流引擎

bpmn-js 源码篇2：diagram.js 简介与EventBus全局事件总线

总的来说，diagram.js 虽然是作为 bpmn.js 的底层项目，用来提供绘图能力与交互能力，并实现了一些工具函数；但是 本身并没有实现太多功能，只是作为初始化依赖注入器与基础模块的入口，通过...

📎阅读原文

📊 933 阅读 · 12 点赞 · 0 评论 · 4 收藏

📅 2024-10-31 🏷 bpmn-js 工作流引擎

bpmn-js 源码篇3：Canvas 基础画布与元素处理模块

在上一节的 diagram.js 简介部分，有提到过我们在 new 一个 Diagram 实例时，实际是将配置项和 CoreModule 核心模块放在一起之后用来 初始化依赖注入系统并绑定到 Diag...

📎阅读原文

📊 527 阅读 · 7 点赞 · 0 评论 · 3 收藏

📅 2024-12-24 🏷 bpmn-js

bpmn-js 源码篇4：Factory&Registry - 创建与注册-图形与对象的绑定机制

bpmn-js 源码解析和实践：源码篇4 diagram-js 的 ElementFactory 与 ElementRegistry 解析。...

📎阅读原文

📊 364 阅读 · 7 点赞 · 0 评论 · 1 收藏

📅 2024-12-25 🏷 bpmn-js

bpmn-js 源码篇5：CommandStack 命令处理与记录的栈

《bpmn-js 源码解析和实践》第六篇：CommandStack 命令处理与记录的栈。解析了 diagram-js 的核心模块之一 —— CommandStack 命令记录栈的部分逻辑。...

📎阅读原文

📊 344 阅读 · 3 点赞 · 0 评论 · 0 收藏

📅 2025-01-02 🏷 bpmn-js

bpmn-js 源码篇6：Featrues 体验优化与功能扩展（一）

上一节中有提到过，features 目录中，主要是一些 功能扩展模块，包含了 palette 画板、contextPad 上下文菜单等，此次就用两章的篇幅来讲一下这里面的一些常用模块（bpmn-js ...

📎阅读原文

📊 387 阅读 · 6 点赞 · 1 评论 · 3 收藏

📅 2025-01-10 🏷 bpmn-js

bpmn-js 源码篇7：Featrues 体验优化与功能扩展（二）

上一章介绍了 Palette、ContextPad 和 Overlays 三个用来辅助绘图的扩展模块，以及如何使用和改造这三个模块。 但除了这几个模块之外，还需套涉及到 鼠标操作、画布操作、拖拽创建等...

📎阅读原文

📊 473 阅读 · 10 点赞 · 10 评论 · 3 收藏

📅 2025-03-07 🏷 前端

bpmn-js 源码篇8：Featrues 体验优化与功能扩展（三）

前两章我们讲了一些 fratures 中用来帮助创建和操作图元素的相关模块，但是这些内容依然只占了 features 中的一小部分。当我们从 Palette 创建元素或者通过 ContextPad 修...

📎阅读原文

📊 327 阅读 · 6 点赞 · 2 评论 · 4 收藏

📅 2025-03-26 🏷 JavaScript 前端

bpmn-js 源码篇9：Moddle - 对象格式的标准化定义库

moddle 仓库，本身在 bpmn-js 或者 dmn-js 等基于 diagram-js 开发的图形绘制库中，相当于 对元素及元素扩展属性的一个标准化处理模块，它 规定了如何注册元素类型与属性更新...

📎阅读原文

📊 454 阅读 · 4 点赞 · 1 评论 · 1 收藏

📅 2025-04-02 🏷 前端 JavaScript

bpmn-js 源码篇10：moddle-xml与bpmn-moddle - xml 与 js 对象之间的核心转换库

上一节 Moddle 的讲解中，已经清楚了 bpmn-js 在 编辑图形的过程中 是通过什么方式来规定每个元素与属性的合法性的，知道了我们所说的 属性描述对象 descriptor json 到底是一...

📎阅读原文

📊 414 阅读 · 7 点赞 · 0 评论 · 2 收藏

📅 2025-04-07 🏷 前端 JavaScript