https://github.com/miyuesc/bpmn-process-designer
bpmn-js 工具库
https://github.com/miyuesc/bpmn-process-designer
bpmn bpmn-js demo process vue vuejs
Last synced: 17 days ago
JSON representation
bpmn-js 工具库
- Host: GitHub
- URL: https://github.com/miyuesc/bpmn-process-designer
- Owner: miyuesc
- License: apache-2.0
- Created: 2020-12-04T03:36:28.000Z (over 4 years ago)
- Default Branch: next
- Last Pushed: 2025-04-25T02:29:16.000Z (about 1 month ago)
- Last Synced: 2025-04-25T03:32:24.178Z (about 1 month ago)
- Topics: bpmn, bpmn-js, demo, process, vue, vuejs
- Language: TypeScript
- Homepage: https://juejin.cn/post/7304831120710434868
- Size: 58.6 MB
- Stars: 1,711
- Watchers: 32
- Forks: 476
- Open Issues: 25
-
Metadata Files:
- Readme: README-en.md
- License: LICENSE
Awesome Lists containing this project
- popular-dependents-lists - miyuesc/bpmn-process-designer - 🌟 883 (Rough / miyuesc/bpmn-process-designer)
README
Bpmn Process Designer
---
✨✨✨ 目前成都的"小学生"大佬和作者一起开发了 Flowable 流程引擎组件（包含前端设计器与后端流程引擎）。
🚀🚀🚀该组件与Flowable 流程引擎深度融合，结合实际业务场景和使用方式，对属性编辑面板进行了重新设计，优化了用户体验。 增加了符合业务场景的流程校验与进度预览、引入了富文本编辑器与代码编辑器。 结合后端引擎，可直接嵌入系统中使用。
详情请访问：https://www.bpmport.com/products
设计器预览：[FlowableDesigner](https://designer.bpmport.com/designer/)，[FlowableViewer](https://designer.bpmport.com/viewer/)
联系方式：
Mail: [email protected]
QQ Group: 582010059
---
bpmn-js 等相关内容，遇到问题可以在 [bpmn-js-questions: bpmn工具库说明及常见问题解答](https://github.com/miyuesc/bpmn-js-questions) 中查询或者提问。
由于最近被骂的太狠了，这个项目可能不会经常更新，请关注上述产品。
---
## 作者简介
MiyueFE（白小米），也可以叫我小白或者小米，常驻 [稀土掘金](https://juejin.cn/)，也可以通过以下方式联系我：
- 邮箱：[QQ mail](mailto:[email protected])
- 掘金：[MiyueFE](https://juejin.cn/user/747323639208391)
- Discard：https://discord.gg/8cBhGGyeV5
- 公众号：MiyueFE 的前端圈
## 项目说明
1. `vue 2 + JavaScript + bpmn-js@8+ + element-ui` 在本仓库 `main` 分支，是外面多数项目依赖的原始代码，问题较多。
2. `vue 2 + JavaScript + bpmn-js@9+ + element-ui` 在本仓库 `v2` 分支，修改了少数样式，调整了数据交互逻辑，但是核心的数据更新与处理部分逻辑还有一些缺陷。
3. `vue 3 + TypeScript + bpmn-js@13 + naive-ui` 在 [moon-studio/vite-vue-bpmn-process](https://github.com/moon-studio/vite-vue-bpmn-process) 仓库，是 `v2` 的前身。
> 当前 `next` 分支作为 pnpm workplace 测试分支，与上述所有内容存在较大差异（暂时不能直接使用），加上工作问题，更新时间不定。
>
> 另外，上述 1、2、3 三个分支作为很早之前的版本，虽然用户量比较多，但是依然存在很多问题，建议在理解代码之后进行重新开发。
> next 分支提供了基础的 bpmn-js 工具方法，基于官方 camunda 属性面板，并进行了多次测试，基本上可以满足大部分自主开发中的核心需求，只需要基于该分支进行二次开发即可。
>
> 如果需要可以直接结合系统使用，并且已经修复了核心业务逻辑问题的版本，可以联系上面的商业版本。
## 开源许可
[Apache License](https://github.com/miyuesc/bpmn-process-designer/blob/next/LICENSE) © 2023 [miyuesc](https://github.com/miyuesc)
**本项目遵守 Apache License 2.0 开源协议，详情请参阅 [LICENSE](https://github.com/miyuesc/bpmn-process-designer/blob/next/LICENSE) 文件**。
基于此项目进行开发时，请保留作者的版权信息。
## 书籍推荐
#### 《深入Activiti流程引擎：核心原理与高阶实战》
推荐指数：⭐⭐⭐⭐⭐
购买地址：[京东](https://item.jd.com/13928958.html)、[异步社区电子书](https://www.epubit.com/bookDetails?id=UBd189db7e65bd)
#### 《深入Flowable流程引擎：核心原理与高阶实战》
推荐指数：⭐⭐⭐⭐⭐
购买地址：[京东](https://item.jd.com/14804836.html)
这本书得到了 Flowable 创始人 Tijs Rademakers 亲笔作序推荐，对系统学习和深入掌握 Flowable 的用法非常有帮助。
