关于JBPM4.4显示流程图详解

淡淡的烟草味﹌ 2024-02-17 15:18 31阅读 0赞

JBPM显示流程图有很多种方式，下面我讲述一下关于我的做法，点击流程图可以显示具每个节点的执行人，审批时间等

/**
    	 * @authour wu  获得流程定义图片输入流
    	 * @Date:2014年10月24日
    	 * @param processInstanceId
    	 * @return
    	 */
    	public InputStream findProcessInstancePic(String processInstanceId){
    		//获得流程实例processInstance，对于已完结的流程processInstance为null,所以应该通过HistoryProcessInstance查询processDefinitionId
    		//一般情况下processInstanceId与ExecutionId(newSite.10001)会相同,但在fork-join分叉流程时会不同，
    		//ProcessInstance processInstance = processEngine.getExecutionService().findProcessInstanceById(processInstanceId);  
            	//String processDefinitionId = processInstance.getProcessDefinitionId(); 
    		HistoryService hs = processEngine.getHistoryService();
    		HistoryProcessInstance hpi = hs.createHistoryProcessInstanceQuery().processInstanceId(processInstanceId).uniqueResult();
    		String processDefinitionId = hpi.getProcessDefinitionId(); 
            RepositoryService repositoryService = processEngine.getRepositoryService();
            ProcessDefinition processDefinition = repositoryService.createProcessDefinitionQuery().processDefinitionId(processDefinitionId).uniqueResult();  
            String deploymentId = processDefinition.getDeploymentId();
            //获取图片名称，如果发布流程时只发布了 xml 文件 , imageName就会是null,
            //所以需要同时发布png图片：1.具体可参考zip方式发布流程；2、非ZIp流程的发布http://blog.csdn.net/yusewuhen/article/details/40510039
            String imageName = processDefinition.getImageResourceName();
            return repositoryService.getResourceAsStream( deploymentId,imageName);
    	}

这个方法是通过流程实例 ID 获取流程定义，然后将流程定义对应的图片得到。返回输出流。流程定义图片是部署流程的时候和流程定义一起部署到 JBPM 中的。得到图片以后，在界面使用 img 标签显示出图片。

<img src="<%=basePath%>newIndoorSite!pic.action?flow_id=${flow_id}" style="position:absolute;left:0px;top:0px;"/>  
            
            <c:if test="${activityCoordinates!=null }">  
            <div  
                style="position:absolute;border:3px solid red;left:${activityCoordinates.x }px;top:${activityCoordinates.y }px;width:${activityCoordinates.width }px;height:${activityCoordinates.height}px;">
                
                </div>  
            </c:if>  
            <c:if test="${ac!=null }">  
            <c:forEach items="${ac }" var="a">  
            
                <div  
                style="position:absolute;border:2px solid green;left:${a.x+3 }px;top:${a.y+3 }px;width:${a.width-4}px;height:${a.height-4}px;" 
                title="执行人:${a.tasker}(${a.tasker_role})
    接收时间:${a.receiveTime}
    完成时间:${a.completionTime}
    意   见:${a.comment} ">
                </div>  
            </c:forEach>  
            </c:if>

二：显示流程坐标。

首先根据流程实例ID查询出该流程实例进过的节点的名称。然后再在流程定义中查询这些节点的坐标。

/**
    	 * @authour wu 获得流程当前活动节点的坐标
    	 * @Date:2014年10月24日
    	 * @param id
    	 * @return
    	 */
    	public ActivityCoordinates findActivityCoordinates(String processInstanceId) {  
    		//对于已经完结的流程 processInstance为NUll，将无法查询end节点  
            ProcessInstance processInstance = processEngine.getExecutionService()  
                    .findProcessInstanceById(processInstanceId); 
            String processDefinitionId ;
            String activtyName ;
            if (null==processInstance||processInstance.isSuspended()) { 
            	//已完结流程 processInstance为NUll 从HistoryProcessInstance获得需要的信息
            	HistoryService hs = processEngine.getHistoryService();
            	HistoryProcessInstance ss = hs.createHistoryProcessInstanceQuery().processInstanceId(processInstanceId).uniqueResult();
            	//获得end节点
            	activtyName = ss.getEndActivityName();  
            	processDefinitionId = ss.getProcessDefinitionId();
            } else{
            	//未完结的流程
            	processDefinitionId=processInstance.getProcessDefinitionId();
            	Set<String> activtyNames = processInstance.findActiveActivityNames(); 
            	activtyName = activtyNames.iterator().next();
            }
            
            RepositoryService repositoryService = processEngine.getRepositoryService();
            return repositoryService.getActivityCoordinates(processDefinitionId, activtyName);  
      
        }

<pre name="code" class="java">/**
    	 * @authour wu 根据流程实例ID查询出该流程实例经过的节点的名称
    	 * @Date:2014年10月24日
    	 * @param processId
    	 * @return
    	 */
    	public List<CompleteTaskHistory> findHistoryActivityInfo(String processId) {  
            HistoryService historyService = processEngine.getHistoryService();
            RepositoryService repositoryService = processEngine.getRepositoryService();
            HistoryService hs = processEngine.getHistoryService();
          //已完结流程 processInstance为NUll 可从HistoryProcessInstance获得需要的信息
        	HistoryProcessInstance hpi = hs.createHistoryProcessInstanceQuery().processInstanceId(processId).uniqueResult();  
            List<HistoryActivityInstance> hisIns = historyService.createHistoryActivityInstanceQuery().processInstanceId(processId).list();  
            String pdId = hpi.getProcessDefinitionId();
            List<CompleteTaskHistory> listHist = new ArrayList<>();
            //获得当前活动的节点
            ActivityCoordinates nowac= findActivityCoordinates(processId);
            for (int i = 0; i < hisIns.size(); i++) {
            	HistoryActivityInstance  hai = hisIns.get(i);
            	ActivityCoordinates ac= repositoryService.getActivityCoordinates(pdId, hai.getActivityName());
            	//如果当前历史节点等于活动节点，则不想集合中再次添加
                if(ac!=nowac){
                	//把节点的坐标、宽高加入到CompleteTaskHistory对象中
                	CompleteTaskHistory cth = jbpmHistoryService.getCompleteTaskHistory(processId, hai.getStartTime().toString(),hai.getActivityName());
                	cth.setX(ac.getX());
                	cth.setY(ac.getY());
                	cth.setWidth(ac.getWidth());
                	cth.setHeight(ac.getHeight());
                	
                	listHist.add(cth);
                }
            }  
            return listHist;  
        }

其中第一个方法是返回当前节点坐标，第二个方法是返回进过节点坐标（包括当前节点、执行人执行时间CompleteTaskHistory是我自己创建的model比ActivityCoordinates多了执行人、执行时间等属性，jbpmHistoryService是通过该节点的processId和start\_在jbpm4\_hist\_actinst表中查出需要的相关信息在联合其它表查出执行人意见等信息），这个操作在action中完成，然后返回到页面中。

Action中代码 需要在struts中配置

/**
    	 * @authour wu 显示流程图
    	 * @Date:2014年10月24日
    	 */
    	public void pic(){
    		HttpServletRequest request = ServletActionContext.getRequest();
    		HttpServletResponse response = ServletActionContext.getResponse();
    		String processInstanceId = request.getParameter("flow_id");
    		InputStream inputStream = flowBase.findProcessInstancePic(processInstanceId);
    		PrintWriter pw = null;  
            if (inputStream == null) {  
                try {  
                    pw = response.getWriter();  
                    pw.write("error");  
                } catch (IOException e) {  
                    e.printStackTrace();  
                } finally {  
                    pw.close();  
                }  
            } else {  
                byte[] b = new byte[1024];  
                int len = -1;  
                ServletOutputStream sos = null;  
                try {  
                    sos = response.getOutputStream();  
                    while ((len = inputStream.read(b, 0, 1024)) != -1) {  
                        sos.write(b, 0, len);  
                    }  
                } catch (IOException e) {  
                    e.printStackTrace();  
                } finally {  
                    if (sos != null) {  
                        try {  
                            sos.close();  
                        } catch (IOException e) {  
                            // TODO Auto-generated catch block  
                            e.printStackTrace();  
                        }  
                    }  
                }  
            }
    	}

/**
    	 * @authour wu 显示流程坐标
    	 * @Date:2014年10月24日
    	 * @return
    	 */
    	public String viewPic() {  
    		HttpServletRequest request = ServletActionContext.getRequest();  
    		String processInstanceId = request.getParameter("flow_id");
            // 流程图活动坐标  
            ActivityCoordinates activityCoordinates = flowBase  
                    .findActivityCoordinates(processInstanceId);  
            List<CompleteTaskHistory> ac = flowBase.findHistoryActivityInfo(processInstanceId);  
            /*if(activityCoordinates != null){  
                 ac = flowBase.findHistoryActivityInfo(processInstanceId);  
                ac.remove(activityCoordinates);  
      
            } */ 
              
            request.setAttribute("ac", ac);  
            request.setAttribute("activityCoordinates", activityCoordinates);  
            request.setAttribute("flow_id", processInstanceId);  
            return "viewPic";  
        }

其实原理分为两步1、以流的方式读取出流程图片PNG作为背景图片；2、根据xml中记录的坐标在JSP页面使用div画出相应的border边框  
红框代表当前节点，红绿相间的边框代表该节点被驳回后，再次走到该节点。如下图：现在流程走到“计划部审批”驳回到“二次审核”

![SouthEast][]![SouthEast 1][]

[SouthEast]: https://img-blog.csdn.net/20141027175847184?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveXVzZXd1aGVu/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/bc29a78fcdce40939c6a82f59a2a1f20.png