/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.jsVue 2.xElementUI 开发的 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