02-流程图绘制

title: 02-流程图绘制
date: 2023-7-19 23:08:37
tags:
- Flowable

经典工具：Flowable Eclipse Designer

但是，这是一个 Eclipse 插件。

IDEA：

• IDEA 默认就有一个流程图绘制工具，当在 IDEA 中打开一个流程图的 XML 文件的时候，可以选择 Designer，就可以通过可视化的方式去查看这个流程图，默认的不推荐。
• IDEA 中也有一个流程绘制插件 flowable-bpmn-visualizer，但是这个插件也不好用，不过勉强能用。

这是 IDEA 里的两个插件。

其他的绘制工具：

1. flowable-ui 这是官方提供的一个 flowable 的工具，里边有很多功能，包括画流程图。
2. bpmn.js 这个工具是 Camunda 提供的，可以嵌入到我们当前的项目中，利用这个 bpmn.js 可以开发一个流程绘制工具。原生的 bpmn.js 画出来的流程图只能在 Camunda 中使用，但是经过改造之后，就可以在 flowable 中使用了。

flowable-bpmn-visualizer

插件安装：

装好之后重启 IDEA 即可。

在 IDEA 中，当我们安装了这个插件之后，新建文件的时候，就有相应的选项，如下图：

选择这个就可以新建一个流程图了。

如下图是官方提供的一个流程图：

我们使用这个插件来绘制一下这个流程图先上个手：