vue集成流程设计引擎

JavaScript019

vue集成流程设计引擎,第1张

相关阅读: 开源流程引擎选择

教程: bpmnjs教程

bpmn-js 是 BPMN 2.0 渲染工具包和 Web 模型。bpmn-js 正在努力成为 Camunda BPM 的一部分。bpmn-js 使用 Web 建模工具可以很方便的构建 BPMN 图表,可以把 BPMN 图表嵌入到你的项目中,容易扩展。bpmn-js是基于原生js开发,支持集成到vue、react等开源框架中。

官方网站

mxGraph是一个强大的JavaScript流程图前端库,可以快速创建交互式图表和图表应用程序,国内外著名的ProcessOne和draw.io都是使用该库创建的强大的在线流程图绘制网站. 由于mxGraph是一个开放的js绘图开发框架,我们可以开发出很炫的样式,或者完全按照项目需求定制。

官方网站

1、拖拽表单新增绑定数据表、绑定数据字段(原来是自动创建数据表和数据字段),新增后可以关联之前的数据表进行操作。

2、流程bpmnjs新增审批节点控制表单的属性,比如审批节点A可以编辑标题项、隐藏内容项,实现了对流程节点表单属性的控制。

3、流程属性关联控制:比如有个下拉选项,选项A时候需要标题项展示,选择B时需要标题项隐藏。实现了下拉框和单选框对其他属性的控制功能。

工作流低代码非常适合学习、项目研发、私活项目开发等工作场景,实现大部分场景可以无需编码,通过拖拽表单+流程设计实现流程审批功能,大大减少了研发的工作量。

本次升级文档及源码地址:

https://www.yuque.com/qingfengaibiancheng/chq3gg/bmub3z