activiti 范例流程图的显示方法

activiti 实例流程图的显示方法
所谓实例流程图的显示，就是显示流程图的同时，高亮显示正在执行的节点。有两种方法
直接生成带老亮节点的图片：

	        try{
//	            ProcessDefinitionEntity pde = (ProcessDefinitionEntity) RepositoryService
//	            .getDeployedProcessDefinition(procDefId);


	         InputStream imageStream =
	         ProcessDiagramGenerator.generateDiagram(
	         def, "png",
	         runtimeService.getActiveActivityIds(executionId));
	         List<Task> list = taskService.createTaskQuery().processInstanceId(executionId).orderByTaskId().desc().list();
	         int size = list.size();
	         getRequest().setAttribute("inputStream", imageStream);
	        }catch(RasterFormatException e){
	            e.printStackTrace();
	        }

img.jsp

<%@page import="java.io.InputStream"%>
<%@page import="org.activiti.engine.impl.*"%>
<%@page import="org.activiti.engine.impl.pvm.*"%>
<%@page import="org.activiti.engine.impl.pvm.process.*"%>
<%@page import="org.activiti.engine.repository.*"%>
<%@page import="org.activiti.engine.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%
	
	InputStream is = (InputStream)request.getAttribute("inputStream");
	
	byte[] b = new byte[1024];
	int len = -1;
	while((len = is.read(b, 0, 1024)) != -1) {
		response.getOutputStream().write(b, 0, len);
		// 防止异常：getOutputStream() has already been called for this response
		out.clear();
		out = pageContext.pushBody();
	}	

%>

方法2： 图片和高亮节点圈分别产生

/**
	 * 显示流程图
	 * @return
	 * @throws Exception
	 */
	    public String getProcessPic() throws Exception {
	        // String taskId =
	        // "2901";//getRequest().getParameter("taskId");3016,552,3020
	    	String procDefId = getRequest().getParameter("procDefId");
			ProcessDefinition procDef = repositoryService.createProcessDefinitionQuery().processDefinitionId(procDefId).singleResult();
	        String diagramResourceName = procDef.getDiagramResourceName();
	        InputStream imageStream = repositoryService.getResourceAsStream(
	        		procDef.getDeploymentId(), diagramResourceName);
	        getRequest().setAttribute("inputStream", imageStream);
	        return SUCCESS;
	    }
	/**
	 * 获取跟踪信息
	 * @return
	 * @throws Exception
	 */
	    public String getProcessMap() throws Exception {
	        String procDefId = getRequest().getParameter("procDefId");
	        String executionId = getRequest().getParameter("executionId");
	        ProcessDefinition processDefinition = repositoryService
	                .createProcessDefinitionQuery().processDefinitionId(procDefId).singleResult();

	        ProcessDefinitionImpl pdImpl = (ProcessDefinitionImpl) processDefinition;
	        String processDefinitionId = pdImpl.getId();// 流程标识

	        ProcessDefinitionEntity def = (ProcessDefinitionEntity) ((RepositoryServiceImpl) repositoryService)
	                .getDeployedProcessDefinition(processDefinitionId);
	        ActivityImpl actImpl = null;

	        ExecutionEntity execution = (ExecutionEntity) runtimeService
	                .createExecutionQuery().executionId(executionId).singleResult();// 执行实例

	        String activitiId = execution.getActivityId();// 当前实例的执行到哪个节点
//	        List<String>activitiIds = runtimeService.getActiveActivityIds(executionId);
	        

	        List<ActivityImpl> activitiList = def.getActivities();// 获得当前任务的所有节点
//	        for(String activitiId : activitiIds){
	        for (ActivityImpl activityImpl : activitiList) {
	            String id = activityImpl.getId();
	            if (id.equals(activitiId)) {// 获得执行到那个节点
	                actImpl = activityImpl;
	                break;
	            }
	        }
//	        }

	        getRequest().setAttribute("coordinateObj", actImpl);
	        getRequest().setAttribute("procDefId",procDefId );
	        return SUCCESS;
	    }

pic.jsp

<%@page import="java.io.InputStream"%>
<%@page import="org.activiti.engine.impl.*"%>
<%@page import="org.activiti.engine.impl.pvm.*"%>
<%@page import="org.activiti.engine.impl.pvm.process.*"%>
<%@page import="org.activiti.engine.repository.*"%>
<%@page import="org.activiti.engine.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%
	
	InputStream is = (InputStream)request.getAttribute("inputStream");
	
	byte[] b = new byte[1024];
	int len = -1;
	while((len = is.read(b, 0, 1024)) != -1) {
		response.getOutputStream().write(b, 0, len);
		// 防止异常：getOutputStream() has already been called for this response
		out.clear();
		out = pageContext.pushBody();
	}	

%>

showImg.jsp

<%@page import="java.io.InputStream"%>
<%@page import="org.activiti.engine.impl.*"%>
<%@page import="org.activiti.engine.impl.pvm.*"%>
<%@page import="org.activiti.engine.impl.pvm.process.*"%>
<%@page import="org.activiti.engine.repository.*"%>
<%@page import="org.activiti.engine.*"%>
<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
	<title></title>
</head>
<body>
	<div >
 		<img src="getProcessPic.action?procDefId=${procDefId}" style="position:absolute; left:0px; top:0px;">
 		<!-- 给执行的节点加框 -->
 		<div style="position:absolute; border:2px solid red;left:${coordinateObj.x-1 }px;top:${coordinateObj.y-1 }px;width:${coordinateObj.width }px;height:${coordinateObj.height }px;"></div>
 	</div>

</body>
</html>

struts.xml

<action name="getProcessPic" class="processInstanceAction" method="getProcessPic">
			<result name = "success" >/incident/pic.jsp</result>
		</action>
		<action name="getProcessMap" class="processInstanceAction" method="getProcessMap">
			<result name = "success" >/incident/showImg.jsp</result>
		</action>

需要注意的是，当你的流程图中存在并发节点时需要用到runtimeService.getActiveActivityIds(proInstId)得到多个活动节点。


这 个方法可以在activiti的帮助文档中找到，但它的原文中是getActiveActivityIds(String executionId)（执行ID）这是错的，因为在数据库的_ru_task表（运行任务表）中，执行ID与任务记录一一对应，但可以存在多个流程实 例Id相同的任务记录。


鉴于第一种方法形成的流程图太丑，采用第二种方法最好！