🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
我已经按照【搭建步骤】小节在IDEA中安装了流程设计器,下面使用流程设计器绘制如下流程图。 :-: ![](https://img.kancloud.cn/d1/b6/d1b6773a14670e81299ff50b3c13621e_1154x138.png) <br/> 步骤如下: **1. 创建一个`.bpmn`文件** ![](https://img.kancloud.cn/7c/1a/7c1a1d2d3309786f60db9fc4e1597960_1553x614.png) ![](images/ati16.png) **2. 绘图** 空白区域是绘图区,右侧区域是palette画板区域,通过从右侧把图标拖拽到空白区画板即可绘图。 ![](https://img.kancloud.cn/d1/b6/d1b6773a14670e81299ff50b3c13621e_1154x138.png) **3. BPMN Editor** 当打开一个`.bpmn`文件时左侧会有一个BPMN Editor窗口,它用来编辑每个流程符号的属性。 ![](https://img.kancloud.cn/f1/80/f18096609c1392055de84731407858c9_1529x424.png) 如果你的IDEA没有出现 BPMN Editor,请如下设置。 ![](https://img.kancloud.cn/33/b2/33b268f417522379a5e5527e48041210_1232x394.png) **4. 流程图属性** (1)流程图属性。 整个流程图需要有一个唯一的`Id`属性,用来标识该流程图,方便后面进行部署时对其定位。鼠标单击空白区域即可设置该流程图的属性。 ![](https://img.kancloud.cn/49/24/4924807b76c6dd546911e1eaf321200d_1461x480.png) (2)每个流程图符号也有属于自己的属性。 ![](https://img.kancloud.cn/0f/ba/0fba1d53132832719a245787e5d4937f_1483x600.png) **5. 至此,一张流程图就画完成了**