基于 `vue` `ant design vue`和 `bpmn.io@7.0` ,实现 flowable 的 modeler 模型设计器
npm install flowable-bpmn-modelervue ant design vue 和 bpmn.io@7.0 ,实现 flowable 的 modeler 流程设计器
由于本项目么有上传到npm仓库,各位看官请自行下载集成或者使用大佬的版本
`
安装
`bash
安装
yarn add workflow-bpmn-modeler
`
使用说明(最简 demo)
`vue
ref="refNode"
:xml="xml"
:users="users"
:groups="groups"
:is-view="false"
@save="save"
/>
`
iframe 部署
如果你的项目是 jquery 或 react 类项目,可以通过 iframe 的方式集成该流程设计器
本仓库通过 github pages 部署了静态页面,使用 jsdelivr 做 cdn ,国内访问也非常快速,所以你可以直接集成本仓库的页面,因为全部白嫖了 github 的资源,没有自己建服务器维护,所以不用担心资源失效问题。
当然你也可以在 docs/lib 文件夹下下载对应的版本,进行本地部署。
集成方式如下(ps:可直接拷贝以下代码到一个html文件中试一下):
`html
src="https://goldsubmarine.github.io/workflow-bpmn-modeler/cdn/0.2.5/"
id="myFrame"
frameborder="0"
width="100%"
height="800px">
``