在vue中使用bpmn-js(一)


转载地址:www.jianshu.com/p/5ff652279a8d

由于之前的公司的项目中的工作流管理要用到流程图,而bpmn-js官方的文档是全英的而且使用的js框架是jQuery,可能是比较新的技术,官方也还在不断的更新,相关的文档或者资料很少很难找,只好自己不断爬坑填坑了。

什么是bpmn-js?

一个BPMN 2.0渲染工具包和Web建模器。
github地址:https://github.com/bpmn-io
实例地址:https://bpmn.io/toolkit/bpmn-js/

1.先从简单开始,能获取服务器上的流程图并显示出来:

安装相关的依赖都是必须的,可以在官方文档上查看,在这里就不详细讲了。

  • html: (界面很简单,这些都是必需的。)

  • js:

  • css: (记得引入样式,否则左边的工具栏无法显示T_T 别问我怎么知道的)


在vue中使用bpmn-js(一)_第1张图片

有图有真相

完整项目地址:

vue-bpmn-demo1




 

你可能感兴趣的:(在vue中使用bpmn-js(一))