接上一篇：
第12篇：Flowable-BPMN操作流程之用戶任務(wù)UserTask
https://blog.csdn.net/weixin_40816738/article/details/102902596

文章目錄

• 一、背景
• 二、原理
• 三、實(shí)現(xiàn)方案
• • 3.1. 流程是否完成功能
  • 3.2. 完成流程圖
  • 3.3. 控制器入口
• 四、驗(yàn)證測試
• • 4.1. 創(chuàng)建流程
  • 4.2. 啟動(dòng)流程
  • 4.3. 調(diào)用查看流程接口

一、背景

流程啟動(dòng)后，為了方便我們查看流程的進(jìn)展，Flowable提供了流程圖可以直觀的查看流程的進(jìn)展，本節(jié)我們主要研究流程圖呈現(xiàn)的相關(guān)內(nèi)容，可以直接顯示流程的進(jìn)展。

二、原理

• 流程的一些進(jìn)展是活動(dòng)Activity和連線組成的，我們?nèi)绻軌蛘业搅鞒探?jīng)過了哪些節(jié)點(diǎn)，給節(jié)點(diǎn)畫上邊框的話就可以直觀的看到流程的進(jìn)展信息。

三、實(shí)現(xiàn)方案

• Flowable的HistoryService提供了歷史的查詢服務(wù)，可以查詢經(jīng)過了哪些節(jié)點(diǎn)，進(jìn)程的流程生成器ProcessDiagramGenerator，可以動(dòng)態(tài)生成各種流程圖，最后我們使用HttpServletResponse返回一個(gè)圖像以供顯示。

3.1. 流程是否完成功能

• 流程完后使用歷史服務(wù)查詢，流程未結(jié)束使用運(yùn)行時(shí)服務(wù)查詢，所以我們先提供一個(gè)流程是否完成的API，如下：

@Overridepublic boolean isFinished(String processInstanceId) {return historyService.createHistoricProcessInstanceQuery().finished().processInstanceId(processInstanceId).count() > 0;}

3.2. 完成流程圖

• 流程通過使用ProcessDiagramGenerator完成流程圖顯示，具體實(shí)現(xiàn)如下：

@Overridepublic void genProcessDiagram(HttpServletResponse httpServletResponse, String processId) {/*** 獲得當(dāng)前活動(dòng)的節(jié)點(diǎn)*/String processDefinitionId = "";if (this.isFinished(processId)) {// 如果流程已經(jīng)結(jié)束，則得到結(jié)束節(jié)點(diǎn)HistoricProcessInstance pi = historyService.createHistoricProcessInstanceQuery().processInstanceId(processId).singleResult();processDefinitionId=pi.getProcessDefinitionId();} else {// 如果流程沒有結(jié)束，則取當(dāng)前活動(dòng)節(jié)點(diǎn)// 根據(jù)流程實(shí)例ID獲得當(dāng)前處于活動(dòng)狀態(tài)的ActivityId合集ProcessInstance pi = runtimeService.createProcessInstanceQuery().processInstanceId(processId).singleResult();processDefinitionId=pi.getProcessDefinitionId();}List<String> highLightedActivitis = new ArrayList<String>();/*** 獲得活動(dòng)的節(jié)點(diǎn)*/List<HistoricActivityInstance> highLightedActivitList = historyService.createHistoricActivityInstanceQuery().processInstanceId(processId).orderByHistoricActivityInstanceStartTime().asc().list();for(HistoricActivityInstance tempActivity : highLightedActivitList){String activityId = tempActivity.getActivityId();highLightedActivitis.add(activityId);}List<String> flows = new ArrayList<>();//獲取流程圖BpmnModel bpmnModel = repositoryService.getBpmnModel(processDefinitionId);ProcessEngineConfiguration engconf = processEngine.getProcessEngineConfiguration();ProcessDiagramGenerator diagramGenerator = engconf.getProcessDiagramGenerator();InputStream in = diagramGenerator.generateDiagram(bpmnModel, "bmp", highLightedActivitis, flows, engconf.getActivityFontName(),engconf.getLabelFontName(), engconf.getAnnotationFontName(), engconf.getClassLoader(), 1.0, true);OutputStream out = null;byte[] buf = new byte[1024];int legth = 0;try {out = httpServletResponse.getOutputStream();while ((legth = in.read(buf)) != -1) {out.write(buf, 0, legth);}} catch (IOException e) {log.error("操作異常",e);} finally {IOUtils.closeQuietly(out);IOUtils.closeQuietly(in);}}

3.3. 控制器入口

@RequestMapping(value = "processDiagram")public void genProcessDiagram(HttpServletResponse httpServletResponse, String processId) throws Exception {flowService.genProcessDiagram(httpServletResponse,processId);}

四、驗(yàn)證測試

4.1. 創(chuàng)建流程

http://localhost:8989/flow/create

4.2. 啟動(dòng)流程

流程啟動(dòng)鏈接：http://localhost:8989/flow/start?processKey=test_bpmn，
如下圖所示：

4.3. 調(diào)用查看流程接口

http://localhost:8989/flow/processDiagram?processId=8d3fec54-ffb9-11e9-b9a1-f8a2d6bfea5a
，其中ProcessId為上圖中顯示的內(nèi)容，最終結(jié)果如下圖所示：

項(xiàng)目源碼地址：
https://gitlab.com/gb-heima/flowablestudy/tree/master/flowablelech13
碼云地址：https://gitee.com/gb_90/flowable-study/tree/master/flowablelech13

下一篇：
第14篇：Flowable-BPMN操作流程之任務(wù)完成
https://blog.csdn.net/weixin_40816738/article/details/102902647

總結(jié)

以上是生活随笔為你收集整理的第13篇： Flowable-BPMN操作流程之流程进展查看之流程图的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。