Activiti6.0生成流程跟踪图，高亮显示

最新推荐文章于 2022-06-23 16:46:59 发布
最新推荐文章于 2022-06-23 16:46:59 发布
阅读量3.9k 收藏 12
点赞数 4
分类专栏： activiti 文章标签： activiti6.0
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xzy645368279/article/details/89459145
版权

Activiti6.0生成流程跟踪图，高亮显示

##实现的效果一
在这里插入图片描述

controller代码

@RequestMapping("viewProcessImg")
    public void viewProcessImg(String processId, HttpServletResponse response) {

        try {
            byte[] processImage = activitiService.getProcessImage(processId);

            OutputStream outputStream = response.getOutputStream();
            InputStream in = new ByteArrayInputStream(processImage);
            IOUtils.copy(in, outputStream);
        } catch (Exception e) {
            logger.error("viewProcessImg---- {}", ExceptionUtil.stackTraceText(e));
        }

    }

service代码

public byte[] getProcessImage(String processInstanceId) throws Exception {
        //  获取历史流程实例
        HistoricProcessInstance historicProcessInstance = queryHistoricProcessInstance(processInstanceId);
        if (historicProcessInstance == null) {
            throw new Exception();
        } else {
            // 获取流程定义
            ProcessDefinitionEntity processDefinition = (ProcessDefinitionEntity) repositoryService
                    .getProcessDefinition(historicProcessInstance.getProcessDefinitionId());

            // 获取流程历史中已执行节点，并按照节点在流程中执行先后顺序排序
            List<HistoricActivityInstance> historicActivityInstanceList = historyService
                    .createHistoricActivityInstanceQuery().processInstanceId(processInstanceId)
                    .orderByHistoricActivityInstanceId().desc().list();
            // 已执行的节点ID集合
            List<String> executedActivityIdList = new ArrayList<>();
            @SuppressWarnings("unused") int index = 1;
            logger.info("获取已经执行的节点ID");
            for (HistoricActivityInstance activityInstance : historicActivityInstanceList) {
                executedActivityIdList.add(activityInstance.getActivityId())；
                index++;
            }
            // 获取流程图图像字符流
            BpmnModel bpmnModel = repositoryService.getBpmnModel(processDefinition.getId());

            //已执行flow的集和
            List<String> executedFlowIdList = getHighLightedFlows(bpmnModel,historicActivityInstanceList);


            ProcessDiagramGenerator processDiagramGenerator = processEngine.getProcessEngineConfiguration().getProcessDiagramGenerator();
            InputStream imageStream = processDiagramGenerator.generateDiagram(bpmnModel, "png", executedActivityIdList,executedFlowIdList, "黑体","黑体","黑体",null,1.0);

            byte[] buffer = new byte[imageStream.available()];
            imageStream.read(buffer);
            imageStream.close();
            return buffer;
        }
    }


    /**
     * 获取已经流转的线
     *
     * @param bpmnModel
     * @param historicActivityInstances
     * @return
     */
    private static List<String> getHighLightedFlows(BpmnModel bpmnModel, List<HistoricActivityInstance> historicActivityInstances) {
        // 高亮流程已发生流转的线id集合
        List<String> highLightedFlowIds = new ArrayList<>();
        // 全部活动节点
        List<FlowNode> historicActivityNodes = new ArrayList<>();
        // 已完成的历史活动节点
        List<HistoricActivityInstance> finishedActivityInstances = new ArrayList<>();

        for (HistoricActivityInstance historicActivityInstance : historicActivityInstances) {
            FlowNode flowNode = (FlowNode) bpmnModel.getMainProcess().getFlowElement(historicActivityInstance.getActivityId(), true);
            historicActivityNodes.add(flowNode);
            if (historicActivityInstance.getEndTime() != null) {
                finishedActivityInstances.add(historicActivityInstance);
            }
        }

        FlowNode currentFlowNode = null;
        FlowNode targetFlowNode = null;
        // 遍历已完成的活动实例，从每个实例的outgoingFlows中找到已执行的
        for (HistoricActivityInstance currentActivityInstance : finishedActivityInstances) {
            // 获得当前活动对应的节点信息及outgoingFlows信息
            currentFlowNode = (FlowNode) bpmnModel.getMainProcess().getFlowElement(currentActivityInstance.getActivityId(), true);
            List<SequenceFlow> sequenceFlows = currentFlowNode.getOutgoingFlows();

            /**
             * 遍历outgoingFlows并找到已已流转的 满足如下条件认为已已流转： 1.当前节点是并行网关或兼容网关，则通过outgoingFlows能够在历史活动中找到的全部节点均为已流转 2.当前节点是以上两种类型之外的，通过outgoingFlows查找到的时间最早的流转节点视为有效流转
             */
            if ("parallelGateway".equals(currentActivityInstance.getActivityType()) || "inclusiveGateway".equals(currentActivityInstance.getActivityType())) {
                // 遍历历史活动节点，找到匹配流程目标节点的
                for (SequenceFlow sequenceFlow : sequenceFlows) {
                    targetFlowNode = (FlowNode) bpmnModel.getMainProcess().getFlowElement(sequenceFlow.getTargetRef(), true);
                    if (historicActivityNodes.contains(targetFlowNode)) {
                        highLightedFlowIds.add(targetFlowNode.getId());
                    }
                }
            } else {
                List<Map<String, Object>> tempMapList = new ArrayList<>();
                for (SequenceFlow sequenceFlow : sequenceFlows) {
                    for (HistoricActivityInstance historicActivityInstance : historicActivityInstances) {
                        if (historicActivityInstance.getActivityId().equals(sequenceFlow.getTargetRef())) {
                            Map<String, Object> map = new HashMap<>();
                            map.put("highLightedFlowId", sequenceFlow.getId());
                            map.put("highLightedFlowStartTime", historicActivityInstance.getStartTime().getTime());
                            tempMapList.add(map);
                        }
                    }
                }

                if (!CollectionUtils.isEmpty(tempMapList)) {
                    // 遍历匹配的集合，取得开始时间最早的一个
                    long earliestStamp = 0L;
                    String highLightedFlowId = null;
                    for (Map<String, Object> map : tempMapList) {
                        long highLightedFlowStartTime = Long.valueOf(map.get("highLightedFlowStartTime").toString());
                        if (earliestStamp == 0 || earliestStamp >= highLightedFlowStartTime) {
                            highLightedFlowId = map.get("highLightedFlowId").toString();
                            earliestStamp = highLightedFlowStartTime;
                        }
                    }

                    highLightedFlowIds.add(highLightedFlowId);
                }

            }

        }
        return highLightedFlowIds;
    }

实现的效果二

在这里插入图片描述

controller代码

@RequestMapping("viewProcessImg")
    public void viewProcessImg(String processId, HttpServletResponse response) {

        try {
            byte[] processImage = activitiService.getProcessImage(processId);

            OutputStream outputStream = response.getOutputStream();
            InputStream in = new ByteArrayInputStream(processImage);
            IOUtils.copy(in, outputStream);
        } catch (Exception e) {
            logger.error("viewProcessImg---- {}", ExceptionUtil.stackTraceText(e));
        }

    }

service代码

public byte[] getProcessImage(String processInstanceId) throws Exception {
        //  获取历史流程实例
        HistoricProcessInstance historicProcessInstance = queryHistoricProcessInstance(processInstanceId);
        if (historicProcessInstance == null) {
            throw new Exception();
        } else {
            // 获取流程定义
            ProcessDefinitionEntity processDefinition = (ProcessDefinitionEntity) repositoryService
                    .getProcessDefinition(historicProcessInstance.getProcessDefinitionId());

            // 获取流程历史中已执行节点，并按照节点在流程中执行先后顺序排序
            List<HistoricActivityInstance> historicActivityInstanceList = historyService
                    .createHistoricActivityInstanceQuery().processInstanceId(processInstanceId)
                    .orderByHistoricActivityInstanceId().desc().list();
            // 已执行的节点ID集合
            List<String> executedActivityIdList = new ArrayList<>();
            @SuppressWarnings("unused") int index = 1;
            logger.info("获取已经执行的节点ID");
            for (HistoricActivityInstance activityInstance : historicActivityInstanceList) {
                if(index == 1){
                    executedActivityIdList.add(activityInstance.getActivityId()+"#");
                }else {
                    executedActivityIdList.add(activityInstance.getActivityId());
                }
                index++;
            }
            // 获取流程图图像字符流
            BpmnModel bpmnModel = repositoryService.getBpmnModel(processDefinition.getId());

            //已执行flow的集和
            List<String> executedFlowIdList = getHighLightedFlows(bpmnModel,historicActivityInstanceList);


            ProcessDiagramGenerator processDiagramGenerator = processEngine.getProcessEngineConfiguration().getProcessDiagramGenerator();
            InputStream imageStream = processDiagramGenerator.generateDiagram(bpmnModel, "png", executedActivityIdList,executedFlowIdList, "黑体","黑体","黑体",null,1.0);

            byte[] buffer = new byte[imageStream.available()];
            imageStream.read(buffer);
            imageStream.close();
            return buffer;
        }
    }


    /**
     * 获取已经流转的线
     *
     * @param bpmnModel
     * @param historicActivityInstances
     * @return
     */
    private static List<String> getHighLightedFlows(BpmnModel bpmnModel, List<HistoricActivityInstance> historicActivityInstances) {
        // 高亮流程已发生流转的线id集合
        List<String> highLightedFlowIds = new ArrayList<>();
        // 全部活动节点
        List<FlowNode> historicActivityNodes = new ArrayList<>();
        // 已完成的历史活动节点
        List<HistoricActivityInstance> finishedActivityInstances = new ArrayList<>();

        for (HistoricActivityInstance historicActivityInstance : historicActivityInstances) {
            FlowNode flowNode = (FlowNode) bpmnModel.getMainProcess().getFlowElement(historicActivityInstance.getActivityId(), true);
            historicActivityNodes.add(flowNode);
            if (historicActivityInstance.getEndTime() != null) {
                finishedActivityInstances.add(historicActivityInstance);
            }
        }

        FlowNode currentFlowNode = null;
        FlowNode targetFlowNode = null;
        // 遍历已完成的活动实例，从每个实例的outgoingFlows中找到已执行的
        for (HistoricActivityInstance currentActivityInstance : finishedActivityInstances) {
            // 获得当前活动对应的节点信息及outgoingFlows信息
            currentFlowNode = (FlowNode) bpmnModel.getMainProcess().getFlowElement(currentActivityInstance.getActivityId(), true);
            List<SequenceFlow> sequenceFlows = currentFlowNode.getOutgoingFlows();

            /**
             * 遍历outgoingFlows并找到已已流转的 满足如下条件认为已已流转： 1.当前节点是并行网关或兼容网关，则通过outgoingFlows能够在历史活动中找到的全部节点均为已流转 2.当前节点是以上两种类型之外的，通过outgoingFlows查找到的时间最早的流转节点视为有效流转
             */
            if ("parallelGateway".equals(currentActivityInstance.getActivityType()) || "inclusiveGateway".equals(currentActivityInstance.getActivityType())) {
                // 遍历历史活动节点，找到匹配流程目标节点的
                for (SequenceFlow sequenceFlow : sequenceFlows) {
                    targetFlowNode = (FlowNode) bpmnModel.getMainProcess().getFlowElement(sequenceFlow.getTargetRef(), true);
                    if (historicActivityNodes.contains(targetFlowNode)) {
                        highLightedFlowIds.add(targetFlowNode.getId());
                    }
                }
            } else {
                List<Map<String, Object>> tempMapList = new ArrayList<>();
                for (SequenceFlow sequenceFlow : sequenceFlows) {
                    for (HistoricActivityInstance historicActivityInstance : historicActivityInstances) {
                        if (historicActivityInstance.getActivityId().equals(sequenceFlow.getTargetRef())) {
                            Map<String, Object> map = new HashMap<>();
                            map.put("highLightedFlowId", sequenceFlow.getId());
                            map.put("highLightedFlowStartTime", historicActivityInstance.getStartTime().getTime());
                            tempMapList.add(map);
                        }
                    }
                }

                if (!CollectionUtils.isEmpty(tempMapList)) {
                    // 遍历匹配的集合，取得开始时间最早的一个
                    long earliestStamp = 0L;
                    String highLightedFlowId = null;
                    for (Map<String, Object> map : tempMapList) {
                        long highLightedFlowStartTime = Long.valueOf(map.get("highLightedFlowStartTime").toString());
                        if (earliestStamp == 0 || earliestStamp >= highLightedFlowStartTime) {
                            highLightedFlowId = map.get("highLightedFlowId").toString();
                            earliestStamp = highLightedFlowStartTime;
                        }
                    }

                    highLightedFlowIds.add(highLightedFlowId);
                }

            }

        }
        return highLightedFlowIds;
    }

还需要重写activiti6.0源码的两个类

DefaultProcessDiagramCanvas
DefaultProcessDiagramCanvas
在这里插入图片描述

link:链接：https://pan.baidu.com/s/1LpqsVKwuytVXtTXE6U8EGA
提取码：7ksk

洗个头发
关注
  • 4
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
activiti6.0实现流程图片自定义颜色 当前任务为红色,走过的任务为绿色,自定义文字颜色连线文字显示
07-06
5. 显示流程图：最后，将生成的自定义颜色流程图展示给用户，使他们能清楚地看到流程的当前状态。 通过以上步骤，我们可以为用户提供更加直观和易于理解的流程图，提高工作效率。在实际开发中，还需要考虑性能优化...
activity6.0-流程图高亮
04-09
3. **流程线高亮**：不仅节点会被高亮，连接这些节点的流程线也会根据状态变化，显示流程的走向。 4. **支持多种操作**：文件名提到了“通过、不通过、驳回、退回”，这意味着系统支持对流程进行多种决策操作，这些...
Activiti6.0实战-流程图高亮跟踪 可自定义渲染图片(6)
laker的博客
11-26 2369
activiti6.0生成流程图，生成高亮流程图，流程图跟踪，activiti流程图乱码解决，activiti流程图自定义颜色样式，都是经过实际检验的。写的贼多，验证的贼累
Activiti6.0实战-流程图高亮跟踪 可自定义渲染图片
08-09 1934
背景 记录项目需求中常用的功能以及其实现方式，这是第二篇后面还有会继续记录。 本文都是基于Activiti6.0.0 原则：业务数据一定要与审批流程数据隔离开来，例如备注，文件等。 【流程跟踪】获取流程定义图 获取代码如下： ProcessDefinition processDefinition = repositoryService.createProcessDefinitionQuery() .processDefinitionKey("leave") .sin
Activiti6.0查看流程图 流程追踪图，双色高亮显示
qq_41550306的博客
05-15 2806
/** * activiti工具类 * * @author liuxz */ @Service @Transactional(rollbackFor = Exception.class) @Slf4j public class ImageServiceImpl implements ImageService { @Autowired private RepositoryService repositoryService; @Autowired private Hi
activiti6.0自定义流程跟踪图（流程图高亮变色及连接线中文名字不显示bug优化及修复）
u010740917的博客
09-29 4897
效果图： 问题一：使用activiti生成流程图的时候，如果使用modeler设计器，那么连线的名称不会绘制出来，究其原因是activiti框架中的一个bug 这是activiti工作流框架自带的一个bug需重新写jar包中方法。 将该类中方法修改入下图 if (labelGraphicInfo != null) { processDiagramCanvas.drawL...
activiti6.0通过bpmn.js展示高亮流程图(前端绘制流程图)
instanceof_zjl的博客
06-23 9850
activiti6.0通过bpmn.js展示高亮流程图(前端绘制流程图)
Activiti 流程图高亮显示
Anonymity的博客
05-16 2782
Activiti 流程图输出高亮 这是个单元测试，实现的效果，不过只实现了流程颜色红色高亮。如果还需要改变颜色需要更改Activiti源码扩展 ProcessDiagramGenerator 接口 环境：Activiti 5.18 jar包下载地址：https://www.mvnjar.com/search/spring.html 如果 new DefaultProcessDiagramGenerator 对象无法使用 上面地址下载：activiti-image-generator-5.19.0.jar 效
Activiti6.0版本如何显示在线流程图
wyj180的博客
11-06 3157
Activiti6.0版本如何显示在线流程图 Activiti6.0在线显示流程图和Activiti5.X有点差别，6.0版本去除了pvm包 关键代码如下： Controller代码 import com.neimeng.workflow.service.process.ProcessHistoryService; import lombok.extern.slf4j.Slf4j; import ...
activiti 6 流程图高亮显示问题
qq_40764614的博客
06-26 2541
流程图高亮显示网上有很多方法，在网上看到这个代码有bug，bug情况是： 1.当用排他网关实现驳回效果时，驳回的是到之前完成过的某个任务，这时不管是否驳回，都会高亮这个流程分支。 2.当一个任务存在多个分支（比如先走一次不驳回的分支，再走通过的分支），只会显示最早创建的一条。 private List<String> getExecutedFlows(BpmnModel bp...
activiti6.0流程图.zip
02-02
`ProcessDiagramGenarateExt.java` 是一个自定义的流程图生成类，它扩展了Activiti的默认流程图生成功能。在这个类中，开发者可以通过重写方法来调整流程图的渲染方式，比如改变任务节点的颜色。对于当前正在进行的...
activiti6.0 自定义流程路径颜色和任务颜色
05-09
总结起来，"activiti6.0 自定义流程路径颜色和任务颜色"是通过扩展 Activiti 的流程图生成类，重写绘图逻辑，以支持根据业务状态显示不同颜色的任务和流程路径。这样的定制化可以显著提升流程图的可读性和业务分析的...
activiti工作流流程跟踪图(图片（两种方式）)
12-18
本实例聚焦于如何生成和查看Activiti流程的跟踪监控图，并且通过两种不同的方式来实现图片的生成，分别是路径线和节点的高亮显示。 首先，我们要理解Activiti的工作流模型。流程定义（Process Definition）是用BPMN...
图像识别roid-maste笔记
08-03
图像识别roid-maste笔记
有监督学习神经网络的回归拟合——基于matlab红外光谱的汽油辛烷值预测.zip
08-03
有监督学习神经网络的回归拟合——基于matlab红外光谱的汽油辛烷值预测.zip
C++实战篇：STL-容器
最新发布
08-03
C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器 C++实战篇：STL-容器
Delphi 10.2 FMX下载图片代码.rar
08-03
Delphi 10.2 FMX下载图片代码.rar
模拟电子电路基础培训课件
08-03
1. 常用半导体器件 2. 运算放大器及其应用 3. 运算放大器参数详解 4. 线性稳压电源 5. 综合模拟电路设计与仿真
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值