# bpmn-doc

**Repository Path**: xsxq/bpmn-doc

## Basic Information

- **Project Name**: bpmn-doc
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-26
- **Last Updated**: 2022-03-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# bpmn.js-doc

[![](https://img.shields.io/badge/Bpmn.js-^7.3.1-33aadd?style=flat-square)](https://www.bt.cn/)

这里总结了 `bpmn-js` 用法以及一些 `API`
由于本人也是新手，有些地方总结得不到位或者用词不当，这个笔记会在日后不断完善，望各位老爷多多指点 😚
本篇笔记旨在技术交流，觉得还可以的希望可以给的 `star`🤝
不同功能的代码在不同分支中

- [main](https://github.com/PL-FE/bpmn-doc/tree/main) 主分支
- [dev](https://github.com/PL-FE/bpmn-doc/tree/dev) 开发分支，<a href="http://bpmn-doc.pl-fe.cn">预览页面的</a>的代码分支，完整度高
- [customPalette](https://github.com/PL-FE/bpmn-doc/tree/customPalette) 自定义工具栏分支
- [customRenderer](https://github.com/PL-FE/bpmn-doc/tree/customRenderer)
- ...

欢迎留言交流：

- [Q&A](https://github.com/PL-FE/bpmn-doc/discussions/categories/q-a)
- penglianger@qq.com

---

## 在线预览

vue + bpmn 预览： <a href="http://bpmn-doc.pl-fe.cn">http://bpmn-doc.pl-fe.cn</a>

## 功能

- [x] <a href="./doc/baseBpmn.md">基础使用</a>
- [x] <a href="./doc/quickIntroduction.md">了解 BPMN 内部</a>
- [x] <a href="./doc/customPalette.md">自定义 Palette</a>
- [x] <a href="./doc/customPaletteContainer.md">自定义 Palette => 指定 Palette 容器</a>
- [x] <a href="./doc/customRenderer.md">自定义 Renderer</a>
- [x] <a href="./doc/customContextPad.md">自定义 contextPad</a>
- [x] <a href="./doc/customConnectionColor.md">自定义连线和箭头的颜色</a>
- [x] <a href="./doc/customRules.md">自定义规则</a>
- [x] <a href="./doc/customPropertiesPanel.md">自定义 properties-panel</a>
- [x] <a href="./doc/customMiniMap.md">右上角小地图</a>
- [x] <a href="./doc/bpmnApi.md">总结常用 API 🚩</a>
- [x] <a href="./doc/addFeatures.md">为 Viewer 添加一些功能</a>
- [x] <a href="https://github.com/PL-FE/bpmn-camunda">bpmn-camunda DEMO</a>

- [x] <a href="./doc/question.md">答疑</a>

## 相关

### Demo

[zjmzxfzhl (前后端)](https://gitee.com/zjm16/zjmzxfzhl)

[devframework (前后端 activiti7) ](https://gitee.com/devframework/springbootvue)

[miyuesc (自定义属性面板)](https://github.com/miyuesc/bpmn-process-designer)

### 资料

[论坛（能够解决 80% 问题） 需要翻墙](https://forum.bpmn.io/)

[LinDaiDai 的中文文档](https://github.com/LinDaiDai/bpmn-chinese-document)

[易样 (如何适配 activiti)](https://juejin.cn/post/6844904186304266253)

[miyuesc 总结的文档](https://juejin.cn/post/6900793894263488519)

[Bpmn 系列文章-详细](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU5MDY1MzcyOQ==&action=getalbum&album_id=1576254888626454529&scene=173&from_msgid=2247484449&from_itemidx=1&count=3&nolastread=1#wechat_redirect)

[Bpmn-js 自定义文件说明](https://juejin.cn/post/6912331982701592590)

### 翻源码

- [diagram-js](https://github.com/bpmn-io/diagram-js) 是一个工具箱，用于在 web 上显示和修改图表
- [bpmn-js](https://github.com/bpmn-io/bpmn-js) 构建在两个重要的库之上: [diagram-js](https://github.com/bpmn-io/diagram-js) 和 [bpmn-moddle](https://github.com/bpmn-io/bpmn-moddle)
- [examples](https://github.com/bpmn-io/bpmn-js-examples)一般在这里找 `demo`

### 最后

**star 不断，更新不断** 😊