flowable顯示流程圖，路徑和節點

背景：在正常的flowable就是顯示當前節點，路徑需要我們自己獲取，特別是來回的駁回會導致節點混亂，這里主要就是如何正確的顯示流程圖

效果：

已經結束的流程

 

 

 正在執行的流程

 

 代碼：1、生成圖片

public byte[] createImage2(String processInstanceId) {
        //1.獲取當前的流程實例
        ProcessInstance processInstance = runtimeService.createProcessInstanceQuery().processInstanceId(processInstanceId).singleResult();
        String processDefinitionId = null;
        List<String> activeActivityIds = null;
        //2.獲取所有的歷史軌跡對象
        List<HistoricActivityInstance> list = historyService.createHistoricActivityInstanceQuery()
                .processInstanceId(processInstanceId).list();
        Map<String, HistoricActivityInstance> hisActivityMap = new HashMap<>();
        list.forEach(historicActivityInstance -> {
            if (!hisActivityMap.containsKey(historicActivityInstance.getActivityId())) {
                hisActivityMap.put(historicActivityInstance.getActivityId(), historicActivityInstance);
            }
        });
        //3. 獲取流程定義id和高亮的節點id
        if (processInstance != null) {
            //3.1. 正在運行的流程實例
            processDefinitionId = processInstance.getProcessDefinitionId();
            activeActivityIds = runtimeService.getActiveActivityIds(processInstanceId);
        } else {
            //3.2. 已經結束的流程實例
            HistoricProcessInstance historicProcessInstance = historyService.createHistoricProcessInstanceQuery().processInstanceId(processInstanceId).singleResult();
            processDefinitionId = historicProcessInstance.getProcessDefinitionId();
            activeActivityIds = new ArrayList<>();
            List<EndEvent> endEvents = bpmnModelService.findEndFlowElement(processDefinitionId);
            List<String> finalActiveActivityIds = activeActivityIds;
            endEvents.forEach(endEvent -> {
                if (hisActivityMap.containsKey(endEvent.getId())) {
                    finalActiveActivityIds.add(endEvent.getId());
                }
            });
        }
        //4. 獲取流程定義的所有節點信息
        List<FlowNode> flowNodes = bpmnModelService.findFlowNodes(processDefinitionId);
        Map<String, FlowNode> activityMap = flowNodes.stream().collect(Collectors.toMap(FlowNode::getId, flowNode -> flowNode));
        List<String> highLightedFlows = new ArrayList<>();
        //5. 遞歸得到高亮線
        activeActivityIds.forEach(activeActivityId -> this.getHighLightedFlows(activityMap, hisActivityMap, activeActivityId, highLightedFlows, activeActivityId));
        //6. 獲取bpmnModel對象
        BpmnModel bpmnModel = bpmnModelService.getBpmnModelByProcessDefId(processDefinitionId);
        //7. 生成圖片流
        InputStream inputStream = flowProcessDiagramGenerator.generateDiagram(bpmnModel, activeActivityIds, highLightedFlows);
        //8. 轉化成byte便於網絡傳輸
        byte[] datas = IoUtil.readInputStream(inputStream, "image inputStream name");
        return datas;
    }

 

2、遞歸獲取高private void getHighLightedFlows(

 Map<String, FlowNode> flowNodeMap, Map<String, HistoricActivityInstance> hisActivityMap, String activeActivityId, List<String> highLightedFlows, String oldActivityId) { FlowNode flowNode = flowNodeMap.get(activeActivityId); List<SequenceFlow> incomingFlows = flowNode.getIncomingFlows(); for (SequenceFlow sequenceFlow : incomingFlows) { String sourceRefId = sequenceFlow.getSourceRef(); if (hisActivityMap.containsKey(sourceRefId) && !oldActivityId.equals(sourceRefId)) { highLightedFlows.add(sequenceFlow.getId()); this.getHighLightedFlows(flowNodeMap, hisActivityMap, sourceRefId, highLightedFlows, oldActivityId); } else {
　

　　　　　　　　　　if (hisActivityMap.containsKey(sourceRefId)){

　　　　　　　　　　　　　　highLightedFlows.add(sequenceFlow.getId());

　　　　　　　　　　}

　　　　　　　　　　break; 
} } }

 

如果有什么不懂的，可以隨時問我，也可以加入我們qq群633168411，里面都是flowable愛好者，不搞虛的，只講實的。