/bpmn-process-designer

Base on Vue 2.x and ElementUI，基于 Bpmn.js、Vue 2.x 和 ElementUI 的流程编辑器（前端部分），支持监听器，扩展属性，表单等配置，可自由扩展

Primary LanguageJavaScriptApache License 2.0Apache-2.0

logo

Bpmn Process Designer

GitHub stars GitHub stars star fork

🚨🚨当前分支为 V2 分支，根据 vue 3 项目进行了重构，属于破坏性改造，如需 v1 版本，请访问 branches/main

项目简介

一个基于 bpmn.js，Vue 2.x 和 ElementUI 开发的 BPMN 2.0 流程设计器（网页版），您可以使用它在浏览器上查看和编辑符合 BPMN 2.0 规范的流程文件。

在线demo请访问 MiyueFE Blog / MiyueSC Process Designer

码云同步镜像请访问 Gitee / MiyueSC Process Designer (V1 版本，V2 版本无法访问。。。因为没有实名，无法更新🤢)

🚀🚀🚀 墙裂推荐！！！

Vite + Vue 3 + pinia + naiveUI 新项目，取消了window命名空间保存bpmn实例的方式，并进行了大部分显示自定义功能，完成了 bpmn.js 基本依赖的 typescript 类型声明。React 项目也可以参考自定义插件和属性更新方式

体验请访问：vite-vue-bpmn-process

源码地址：github: vite-vue-bpmn-process, gitee: vite-vue-bpmn-process

付费咨询请加微信（二维码见下方赞助，毕竟生活太苦了😩😩😩）

友情赞助

生活不易，偷偷丢个赞赏码吧，各位大佬赏个饭钱🤪🤪🤪🤪~~~~

微信 支付宝

付费咨询联系微信：

wechat.png

友情链接

  1. Me: Bpmn.js 全面进阶指南
  2. Yiuman: 低代码平台 citrus ，已集成 activiti7 工作流引擎后端部分
  3. 霖呆呆: 《全网最详bpmn.js教材目录》，关于bpmn.js交流群的说明
  4. PL-FE: Bpmn Document
  5. 芋道源码: ruoyi-vue-pro ,一套全部开源的企业级的快速开发平台，毫无保留给个人及企业免费使用。
  6. 运维咖啡吧: 《BPMN系列原创文章》

1. 安装依赖 Installation

npm install
// or yarn install

2. 运行 Quick Start

npm run demo
// or yarn run demo

学习交流

如果您觉得这些文章对您有帮助，想和我一起学习，欢迎您关注我的微信订阅号。

订阅号名称：前端小白MiyueFE

订阅号：前端小白MiyueFE