bpmn-js

开源驰骋低代码_工作流

import.meta.glob 全量扫描的代价：一次大型 Vue3 前端工程的效率排查ClassFactory 已经通过虚拟模块做了 classId 到 filePath 的精确映射，但 import.meta.glob 仍在扫全库——这类「有精确索引却仍全量扫描」的写法，是大型前端工程依赖图膨胀的常见来源。本文记录一次实际排查的过程与结论。

开源驰骋低代码_工作流

不手写 Vue 页面的前端开发：高代码模式与 14 种页面模式这套做法里，业务开发者只写 TypeScript 子类，页面由固定的解析页面渲染。14 种页面模式覆盖列表、树表、向导、大屏等常见场景。

开源驰骋低代码_工作流

从评估维度到场景匹配：工作流引擎选型实践对照选型最容易犯的错，是拿单一功能清单比高下。这篇文章把评估拆成五个维度，再按场景给出取舍建议。选择工作流引擎，本质上是在“标准与生态”和“本土化与交付效率”之间做权衡。没有绝对的优劣，关键在于匹配你的团队、业务场景和长期规划。

开源驰骋低代码_工作流

只做加法不重构：流程引擎的长期演进是怎么做到的版本戳比对、增量补偿、幂等执行——三步构成一个可以反复运行而不出错的自动升级程序。配合四张核心表的主键二十多年不变，客户从任意历史版本都能一路升到最新。本文拆解这套机制，并对照国外引擎的设计取向。

开源驰骋低代码_工作流

前后端分离下的流程集成：一份 Toolkit 落地清单引擎独立部署，前端自己写，两者只靠一组 HTTP 接口和五个参数对接——这是工作量最小、边界最清晰的一种集成方式。文章按「复制什么、配什么、传什么、注意什么」四段整理，附组件 props 与 API 速查。

开源驰骋低代码_工作流

交互层是产品还是框架：四大菜单与三大处理器的对比视角引擎能力并不缺「查任务」，缺的是「在途三条件」「抄送一等公民」这类产品约定。本文从四大菜单与三大处理器出发，比较交互层作为产品内核与作为可组合框架的两种做法。

开源驰骋低代码_工作流

不做甘特图控件：流程引擎之上的工程运行时怎么设计装修、施工、IT 交付这类业务，用流程“一个节点一项施工任务”硬套会越来越重。这篇文章讲一套工程运行时是怎么搭的：设计态与运行态怎么分、模板与实例为何脱耦、三类任务入口怎么落地。

开源驰骋低代码_工作流

三类任务、一个工作台：把项目执行收进流程平台的产品设计项目执行和审批不是一回事：同一时期多件事并行、每件事有负责人和工期、只有关键节点才需要审批。这篇文章从产品设计角度，拆解一套工程管理模块的角色分工、三类任务工作台与落地路径。

开源驰骋低代码_工作流

同一道请假审批，六款 Java 工作流引擎的实现路径与成本对比差距不在能不能画出流程图，而在表单从哪来、人从哪来、待办页谁提供、移动端谁做。用同一需求基线对比六款引擎的实现路径与相对工作量。

开源驰骋低代码_工作流

把请假审批交给六款 .NET 引擎：实现路径、场景适配与相对打分差距不在能不能画出流程图，而在表单从哪来、人从哪来、待办页谁提供、移动端谁做。本文用统一需求基线与统一评分口径对比六款 .NET 工作流引擎。

开源驰骋低代码_工作流

不走寻常路的 ORM：Map/Attr 元数据体系如何同时驱动持久化与表单渲染与市面 ORM 不同，这套设计把字段类型、控件、外键、查询条件都装进同一份元数据。本文拆解它的类层次、持久化流水线与扩展机制，并客观分析优劣。

bpmn.js 自定义绘制流程图节点bpmn.js是什么bpmn.js是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成.简单来说，就是能让前端来画流程图，且可以在工作流引擎flowable跑起来。

solon-flow基于bpmnJs的流程设计器Solon-Flow-Bpmn-Designer 是一个基于bpmn重新加工的流程设计器，主要适配于Solon-Flow使用，它基于 Web Component，因此支持 Layui、Vue、React、Angular 等几乎任何前端框架。它适配了 PC Web 端，并提供了亮色和暗色两个主题。除此之外，它还提供了灵活的配置，开发者可以方便的使用其开发流程设计的应用。

07-源码篇6：Featrues 体验优化与功能扩展（一）上一节中有提到过，features 目录中，主要是一些功能扩展模块，包含了 palette 画板、contextPad 上下文菜单等，此次就用两章的篇幅来讲一下这里面的一些常用模块（bpmn-js 中也有 features 目录，其中有一部分是对 diagram-js 中的 features 的功能的具体实现，也有针对 BPMN 特定的处理模块）。

06-源码篇5：CommandStack 命令处理与记录的栈经过前面对 diagram.js 的几个核心模块和依赖的解析，相信大家对它也有了一定程度的了解。但是就目前 diagram.js 中所提供的功能来看，是不足以满足用户的正常使用需求的，毕竟只有单纯的代码层面的节点新增与移除，无法在页面上直接操作。所以 diagram.js 提供了一个 features 目录以及一个操作命令记录模块 command，其中 features 里面包含了 palette 元素选择画板、alignElements 元素对齐、contextPad 元素上下文菜单、keyboar

02-源码篇1：Injector 依赖注入模式的实现✨✨✨目前成都的"小学生"大佬和作者一起开发了 Flowable 流程引擎组件（包含前端设计器与后端流程引擎）详情请访问：www.bpmport.com/products。

探索BPMN—工作流技术的理论与实践｜得物技术19世纪70年代，流程管理思想萌芽阶段。怎样提高工作效率？泰勒：标准化个人操作流程亨利·福特：规定标准时间定额

聊一聊bpmn-js中的Viewer和Modeler本篇文章首发于我的个人博客站，点击查看原文通过之前对于bpmn-js的学习，可以完成一个基础的Bpmn编辑器(或者叫建模器)的显示和简单绘制，若需要做更多工作还需加强对其的内部实现的了解。通过使用我们可以知道bpmn-js中有两个比较重要的操作对象：bpmnViewer和bpmnModeler。

我人有的和

bpmn-js中定制工具面板以bpmn-js14.2.0版本为例，实例化Modeler默认渲染效果如下：如果你的业务需要对工具面板以进行定制，可以通过重写 PaletteProvider类实现，它支持增加、删除工具以及修改工具样式

基于React的工作流 bpmn.js基本使用（3）-流程模拟的使用（运行过程中暂停、继续，多分路运行）根据运行过程中的节点id、节点类型，我们可以做到完全的自定义控制，动画的运行和暂停，以及多节点的状态改变。以下是所做的几个示例实例化完成之后获取bpmnModler的动画实例，get('animation')