Springboot +Flowable，通过代码绘制流程图并设置高亮

刘德华一不小心就打代码

已于 2023-12-08 09:25:29 修改

阅读量3.4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Java面试 Java开发 SpringBoot 文章标签： spring boot 流程图 java

于 2023-04-28 11:10:10 首次发布

本文链接：https://blog.csdn.net/weixin_40991408/article/details/130422011

本文介绍了如何在SpringBoot应用中利用Flowable框架通过代码动态绘制流程图并设置高亮。首先展示了流程图高亮的效果，然后详细解释了实现方法，包括查找流程定义、生成流程图片及设置高亮的步骤。最后讨论了如何处理已执行完毕的流程，通过查询历史活动实例从ACT_HI_ACTINST表中获取高亮信息，以完成对已完成流程的可视化呈现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.简介

通过代码绘制一张流程图，并设置成高亮。

首先先来看一下绘制出来的效果图，截图如下：
在这里插入图片描述

已经执行的节点和连线用红色标记出来，大致上就是这么一个效果。

二.怎么实现

将一个流程图绘制成图片，相关的 API 在 flowable 中其实都是有提供的，流程图片的绘制，是根据流程的定义来绘制的，所以只需要提供一个流程定义的 ID 即可，代码如下：

ProcessDefinition pd = repositoryService.createProcessDefinitionQuery().processDefinitionKey("ExclusiveGatewayDemo01").latestVersion().singleResult();
BpmnModel bpmnModel = repositoryService.getBpmnModel(pd.getId());
DefaultProcessDiagramGenerator generator = new DefaultProcessDiagramGenerator();
InputStream inputStream = generator.generatePngDiagram(bpmnModel, 1.0, true);
FileUtils.copyInputStreamToFile(inputStream, new File("/Users/hx/Downloads/test.png"));

来看下这段代码的释义：

查找到流程定义对象。
根据流程定义对象，获取到一个 BpmnModel 对象。
创建一个图片生成器对象 DefaultProcessDiagramGenerator。
调用 generatePngDiagram 方法生成这个流程定义所对应的图片，参数有三个，分别是：前面查询到的 bpmnModel 对象；缩放因子以及是否在绘制流程图的时候，在连线上加上描述文字，generatePngDiagram 方法的返回值则是一个输入流。
将这个输入流打印出来，就是一张图片了。

根据上面这段代码，执行结果如下：
在这里插入图片描述
可以看到，这就是普通的流程图，没有高亮。
如果希望已经执行的