01.bpmn-js 样例项目解析-启动

当我们准备重构产品时，很多以前的问题我们都集合自身优势与开发资源信息，并借助兄弟部门的相关积累进行推进。bpmn-js不是我们原生引入，而是由兄弟部门给我们提供的工作流基础版本携带...在这感谢兄弟部门的无私奉献,我们已经在原有的基础之上，构建了upp全能力平台.

我们对bpmn-js的应用当前主要在业务流程固化上，并且基于业务需求扩展了大量节点属性，使我们的产品在近两年的超大企业实践中得到了较为肯定的反馈... 

由于我们使用的是标准/无改造的图元，在推广过程中受到一些偏见。所以，将依据市场需求，结合bpmn-js的样例项目，对已有产品进行优化......

我们也与国内老牌bpm在企业中进行并存与业务交互，当前来看整体还是协调的.

源码地址如下：GitHub - bpmn-io/bpmn-js-examples: Some examples how to use bpmn-js 如果需要相关源码，请自行下载。

 

bpmn-js基础样例提供了 bpmn引入,图元颜色设置，行为交互,控件布局等样例。从这来看，我们可以使用不同的颜色来美化流程图。图元的改造空间较小，毕竟bpmn-js实现的就是国际标准图元，不太可能为了美好把图元回归到企业级。

 中间层为我们提供模型、bpmn属性读写与属性面板功能，同时提供了多语言与皮肤支持，这些内容正好解决我们对图元与属性的关联需求，同时能根据企业需求提供与企业文化相匹配的皮肤，这将大大提高产品的企业适配性.....并为后续的产品国际化提供了基础支持...

在高级功能区域中，基于业务需求与个性化需求，提供了自主/按需扩展的能力，这符号构建开放型产品的需求，同时可以在bpm、dmn、cmmn、dataflow等领域为产品提供可视化编排工具....

 

在集成中，提供了当前较为流行的三大前端框架的集成方案，这将给使用者提供了实用性，可以根据企业自身的技术积累，完成集成....

由于起始项目是兄弟部门贡献，我们不得不主动适配技术栈，在一片迷茫的2020年，长沙团队硬是完成了vue+eluemntui /react+antd+bpmn-js这些前端知识.......