# workflow-bpmn-modeler **Repository Path**: macosx/workflow-bpmn-modeler ## Basic Information - **Project Name**: workflow-bpmn-modeler - **Description**: vue 和 bpmn.io@7.0 ,实现 flowable 的 modeler 流程设计器 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 20 - **Forks**: 44 - **Created**: 2021-01-21 - **Last Updated**: 2025-02-21 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # workflow-bpmn-modeler 🔥 本项目基于 `vue` 和 `bpmn.io@7.0` ,实现 flowable 的 modeler 流程设计器 ## 预览 ![20200930030243](https://cdn.jsdelivr.net/gh/goldsubmarine/cdn@master/blog/20200930030243.png) ## 在线 demo 👉 https://goldsubmarine.github.io/workflow-bpmn-modeler/demo/ ## 安装 ```bash # 安装 yarn add workflow-bpmn-modeler ``` ## 使用说明(最简 demo) ```vue ``` ## iframe 部署 如果你的项目是 jquery 或 react 类项目,可以通过 iframe 的方式集成该流程设计器 本仓库通过 github pages 部署了静态页面,使用 jsdelivr 做 cdn ,国内访问也非常快速,所以你可以直接集成本仓库的页面,因为全部白嫖了 github 的资源,没有自己建服务器维护,所以不用担心资源失效问题。 当然你也可以在 `docs/lib` 文件夹下下载对应的版本,进行本地部署。 集成方式如下(ps:可直接拷贝以下代码到一个html文件中试一下): ```html ``` ## License [MIT](http://opensource.org/licenses/MIT) Copyright (c) 2020-present, charles