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

3 篇文章 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顺序不能改变,这样容易区分驳回流程的活动节点  -->
        <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">  
        <!-- border计算是为了防止已走过节点被驳回节点覆盖 -->
            <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边框
红框代表当前节点,红绿相间的边框代表该节点被驳回后,再次走到该节点。如下图:现在流程走到“计划部审批”驳回到“二次审核”



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值