activiti流程跟踪图简单详解

我用的是spring&＃43;springmvc&＃43;mybatis,前端使用的是jsp

&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;前台jsp中的写法&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;

    ----标签直接定义一个图片&＃xff0c;定义一个id

js的下法如下&＃xff1a;   
   var src &＃61; "${pageContext.request.contextPath}/usertask/imgs.do?cacheFlag"&＃43;new Date().getTime();
    $("#imgObj").attr("src", src);

提示&＃xff1a;你可以定义一个按钮&＃xff0c;然后点击按钮就会执行一个方法&＃xff0c;将上面两行直接放在方法中就行

&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;后台中的写法&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;

&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;controller的写法&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;

/**
     * 获取流程跟踪图
     * &＃64;param req
     * &＃64;param res
     */
    &＃64;RequestMapping("/imgs")
    public void getCode(HttpServletRequest req, HttpServletResponse res){
            InputStream in &＃61; null;
            byte[] b&＃61;new byte[1024];
            try {
                ServletOutputStream sos &＃61; res.getOutputStream();
                in &＃61; userTaskService.imgs();
                //文件名
                String src3&＃61;"UserTask.png";
                res.setHeader("Content-Disposition","attachment;filename&＃61;"&＃43;URLEncoder
                        .encode(src3,"UTF-8"));
                int i&＃61;in.read(b, 0, b.length);
                while(i!&＃61;-1){
                    sos.write(b, 0, i);
                    i&＃61;in.read(b,0,b.length);
                }
                in.close();
                sos.close();
            } catch (MalformedURLException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            } catch (UnsupportedEncodingException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
      }

&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;service的写法&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;

/**
     * 流程图跟踪
     * &＃64;return
     */
    public InputStream imgs(){
            String taskId&＃61;"16001";//这里的任务id应该从前台传过来&＃xff0c;可以直接在数据库里查一个放在这里先试试
            //processInstanceId
            String processInstanceId &＃61; taskService.createTaskQuery().taskId(taskId).singleResult().getProcessInstanceId();
            //获取历史流程实例
            HistoricProcessInstance processInstance &＃61;  historyService.createHistoricProcessInstanceQuery().processInstanceId(processInstanceId).singleResult();
            //获取流程图
            BpmnModel bpmnModel &＃61; repositoryService.getBpmnModel(processInstance.getProcessDefinitionId());
            ProcessEngineConfiguration processEngineConfiguration &＃61; processEngine.getProcessEngineConfiguration();
            Context.setProcessEngineConfiguration((ProcessEngineConfigurationImpl) processEngineConfiguration);

            ProcessDiagramGenerator diagramGenerator &＃61; processEngineConfiguration.getProcessDiagramGenerator();
            ProcessDefinitionEntity definitionEntity &＃61; (ProcessDefinitionEntity)repositoryService.getProcessDefinition(processInstance.getProcessDefinitionId());

            List highLightedActivitList &＃61;  historyService.createHistoricActivityInstanceQuery().processInstanceId(processInstanceId).list();
            //高亮环节id集合
            List highLightedActivitis &＃61; new ArrayList();
            //高亮线路id集合
            List highLightedFlows &＃61; getHighLightedFlows(definitionEntity,highLightedActivitList);

            for(HistoricActivityInstance tempActivity : highLightedActivitList){
                String activityId &＃61; tempActivity.getActivityId();
                highLightedActivitis.add(activityId);
            }
            //中文显示的是口口口&＃xff0c;设置字体就好了
            InputStream imageStream &＃61; diagramGenerator.generateDiagram(bpmnModel, "png", highLightedActivitis,highLightedFlows,"宋体","宋体","宋体",null,1.0);
            //单独返回流程图&＃xff0c;不高亮显示
         return imageStream;  
    }
    
    /**
     * 获取需要高亮的线
     * &＃64;param processDefinitionEntity
     * &＃64;param historicActivityInstances
     * &＃64;return
     */
    private List getHighLightedFlows(
            ProcessDefinitionEntity processDefinitionEntity,
            List historicActivityInstances) {
        List highFlows &＃61; new ArrayList();// 用以保存高亮的线flowId
        for (int i &＃61; 0; i             ActivityImpl activityImpl &＃61; processDefinitionEntity
                    .findActivity(historicActivityInstances.get(i)
                            .getActivityId());// 得到节点定义的详细信息
            List sameStartTimeNodes &＃61; new ArrayList();// 用以保存后需开始时间相同的节点
            ActivityImpl sameActivityImpl1 &＃61; processDefinitionEntity
                    .findActivity(historicActivityInstances.get(i &＃43; 1)
                            .getActivityId());
            // 将后面第一个节点放在时间相同节点的集合里
            sameStartTimeNodes.add(sameActivityImpl1);
            for (int j &＃61; i &＃43; 1; j                 HistoricActivityInstance activityImpl1 &＃61; historicActivityInstances
                        .get(j);// 后续第一个节点
                HistoricActivityInstance activityImpl2 &＃61; historicActivityInstances
                        .get(j &＃43; 1);// 后续第二个节点
                if (activityImpl1.getStartTime().equals(
                        activityImpl2.getStartTime())) {
                    // 如果第一个节点和第二个节点开始时间相同保存
                    ActivityImpl sameActivityImpl2 &＃61; processDefinitionEntity
                            .findActivity(activityImpl2.getActivityId());
                    sameStartTimeNodes.add(sameActivityImpl2);
                } else {
                    // 有不相同跳出循环
                    break;
                }
            }
            List pvmTransitions &＃61; activityImpl
                    .getOutgoingTransitions();// 取出节点的所有出去的线
            for (PvmTransition pvmTransition : pvmTransitions) {
                // 对所有的线进行遍历
                ActivityImpl pvmActivityImpl &＃61; (ActivityImpl) pvmTransition
                        .getDestination();
                // 如果取出的线的目标节点存在时间相同的节点里&＃xff0c;保存该线的id&＃xff0c;进行高亮显示
                if (sameStartTimeNodes.contains(pvmActivityImpl)) {
                    highFlows.add(pvmTransition.getId());
                }
            }
        }
        return highFlows;
    }

&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;

下面是我的效果图