bpmn-js

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')

bpmn.js一个基于Bpmn 2.0的前端工作流展示和绘制工具本文在首发于胖蔡说技术首发，点击查看[原文]，获取更多bpmn-js相关知识。bpmn.js是由开源工作流引擎camunda内部组织BPMN.IO组织开发的一款基于BPMN 2.0的工作流展示、编辑的web端工具库。由于工作流引擎activiti、flowable、camunda属于同宗分流，其工作流定义格式大致相同，所以我们可以使用bpmn.js完美融合其中任一工作流引。

bpmn-js 事件总线处理bpmn-js中使用EventBus作为事件的处理句柄，EventBus的使用和我们常规使用的事件总线没啥大的区别，其源码位于：/diagram-js/lib/core/EventBus.js （bpmn-js使用diagram-js实现流程图的web端绘制呈现工具）。

得帆云低代码

一文读懂什么是新一代BPM业务流程管理 ( Business Process Management ，简称 BPM )，是一门学科，它通过分析、建模、执行、监控、优化等流程来改进业务流程，使企业核心业务流程最优化。 BPM系统即根据业务环境的变化，推进人与人之间、人与系统之间以及系统与系统之间的整合及调整的经营方法与解决方案的IT工具。

基于React的工作流 bpmn.js基本使用（2）-自定义右侧属性栏之更新业务属性到bpmn内上篇文章讲到了通过传递当前流程图的modeler，就是实例化的bpmn的流程图的信息，我们通过在流程的原型上添加选中的事件，通过点击的参数带出选中的流程图节点信息，比如，用户任务、服务任务等