jbpm4的流程监控程序[3] 流程图监控展示,基于mootools

jbpm4的流程监控程序[3] 流程图监控展示,基于mootools 

在<<jbpm4的流程监控程序[2]>>中,我们已经可以获得流程图和流程图相关节点信息,现在我们就可以将其展示出来. 
对于节点的tip显示,这里是采用mootools的tip实现的. 


// 用来处理流程图请求的,这里是采用SpringMVC的 
Java代码 
  1. // 用来处理流程图请求的,这里是采用SpringMVC的  
  2. public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response)  
  3.     throws Exception {  
  4.   String pdId = getProcessDefinitionId(request);  
  5.   InputStream image = null;  
  6.   if (pdId != null && pdId.length() != 0) {  
  7.     image = jbpmTemplate.getResourceFromProcessDefinition(pdId, JbpmTemplate.PROCESS_IMAGE);  
  8.   }  
  9.   if (image == null) {  
  10.     String piId = getProcessInstanceId(request);  
  11.     if (piId != null && piId.length() != 0) {  
  12.       image = jbpmTemplate.getResourceFromProcessInstance(piId, JbpmTemplate.PROCESS_IMAGE);  
  13.     }  
  14.   }  
  15.   if (image != null) {  
  16.     response.setContentType("image/png");  
  17.     OutputStream os = response.getOutputStream();  
  18.     byte[] b = new byte[BUFFER_SIZE];  
  19.     int len = 0;  
  20.     while ((len = image.read(b, 0, BUFFER_SIZE)) != -1) {  
  21.       os.write(b, 0, len);  
  22.     }  
  23.     os.flush();  
  24.   }  
  25.   return null;  
  26. }  


流程监控action 
Java代码 
  1. public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response)  
  2.     throws Exception {  
  3.   String piId = request.getParameter("piId");  
  4.   ProcessInstaticeActivityInfo processInstaticeActivityInfo = jbpmTemplate.getActivityCoordinatesInfo(piId);  
  5.   request.setAttribute("activeActivityInfos", processInstaticeActivityInfo.getActiveActivityInfos());  
  6.   request.setAttribute("processedActivityInfos", processInstaticeActivityInfo.getProcessedActivityInfos());  
  7.   request.setAttribute("jbpmTemplate", jbpmTemplate);  
  8.   return new ModelAndView(page);  
  9. }  


流程监控的jsp页面 
Html代码 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3.   <head>  
  4.     <title>查看流程实例</title>  
  5.     <style>  
  6. .tip-top {  
  7.   color: #000;  
  8.    130px;  
  9.   z-index: 13000;  
  10. }  
  11. .tip{  
  12. }  
  13. .tip .tip-title {  
  14.   font-weight: bold;  
  15.   font-size: 14px;  
  16.   font-family: 宋体  ;  
  17.   margin: 0;  
  18.   color: #3E4F14;  
  19.   padding: 8px 8px 4px;  
  20.   background: #C3DF7D;  
  21.   border-bottom: 1px solid #B5CF74;  
  22. }  
  23.   
  24. .tip .tip-text {  
  25.   font-size: 12px;  
  26.   font-family: 宋体  ;  
  27.   padding: 4px 8px 8px;  
  28.   background: #CFDFA7;  
  29. }  
  30. .tip-bottom{  
  31. }  
  32. .processed{  
  33.   position:absolute;  
  34.   border:3px yellow solid;  
  35. }  
  36.   
  37. .processed:hover{  
  38.   border-color:blue;  
  39. }  
  40.   
  41. .active{  
  42.   position:absolute;  
  43.   border:3px red solid;  
  44. }  
  45. .active:hover{  
  46.   border-color: green;  
  47. }  
  48. /* ie下需加个透明的背景 s.gif见附件 */  
  49. .processed,.active{  
  50.   background-image:url(<%=request.getContextPath()%>/resources/img/s.gif);  
  51. }  
  52. </style>  
  53.     <script  
  54.       src="<%=request.getContextPath()%>/resources/script/mootools-1.2.js"></script>  
  55.   </head>  
  56.   <body>  
  57.     <div class="processContainer">  
  58.       <img style="position: absolute; left: 0px; top: 0px;"  
  59.         src="./jpdlImage.bpm?piId=<%=request.getParameter("piId")%>"/>  
  60.       <%  
  61.         JbpmTemplate jbpmTemplate = (JbpmTemplate)request.getAttribute("jbpmTemplate");  
  62.         int id = 0;  
  63.         List<ActivityInfo> processedActivityInfos = (List<ActivityInfo>)request.getAttribute("processedActivityInfos"); ;  
  64.         List<ActivityInfo> activeActivityInfos = (List<ActivityInfo>)request.getAttribute("activeActivityInfos");   
  65.         ActivityCoordinates coordinates;  
  66.         HistoryActivityInstance activityInstance;  
  67.         for(ActivityInfo info : processedActivityInfos){  
  68.           coordinates = info.getCoordinates();  
  69.           activityInstance = info.getActivityInstance();  
  70.           String elId = "_pai_" + (++id);  
  71.           String title = activityInstance==null?"":activityInstance.getActivityName();   
  72.           StringBuffer position = new StringBuffer();  
  73.           position.append("left:").append(coordinates.getX()+2).append("px;");  
  74.           position.append("top:").append(coordinates.getY()+2).append("px;");  
  75.           position.append("height:").append(coordinates.getHeight()-10).append("px;");  
  76.           position.append("").append(coordinates.getWidth()-10).append("px;");  
  77.           StringBuffer text = new StringBuffer();  
  78.           if (activityInstance instanceof HistoryDecisionInstanceImpl) {  
  79.             text.append("<b>完成时间:</b> ").append(DateTimeUtil.formatToNice(activityInstance.getEndTime(),"yyyy-MM-dd HH:mm:dd"));  
  80.             String transitionName = ((HistoryActivityInstanceImpl) activityInstance).getTransitionName();  
  81.             if("completed".equals(transitionName)){  
  82.               ProcessDefinition pd = jbpmTemplate.getProcessDefinitionByProcessInstanceId(request.getParameter("piId"));  
  83.               if(pd!=null){  
  84.                 Activity activity = ((ProcessDefinitionImpl)pd).getActivitiesMap().get(activityInstance.getActivityName());  
  85.                 if(activity!=null){  
  86.                   text.append("<br/><b>流转路径:</b> ").append(StringUtil.transToHtmlStr(activity.getDefaultOutgoingTransition().getName()));  
  87.                 }  
  88.               }  
  89.             } else {  
  90.               text.append("<br/><b>流转路径:</b> ").append(StringUtil.transToHtmlStr(transitionName));  
  91.             }  
  92.           } else if (activityInstance instanceof HistoryTaskInstanceImpl) {  
  93.             HistoryTaskInstanceImpl taskInstanceImpl = (HistoryTaskInstanceImpl) activityInstance;  
  94.             text.append("<b>执 行 人</b>: ").append(taskInstanceImpl.getHistoryTask().getAssignee());  
  95.             text.append("<br/><b>完成时间:</b> ").append(DateTimeUtil.formatToNice(activityInstance.getEndTime(),"yyyy-MM-dd HH:mm:dd"));  
  96.             String transitionName = ((HistoryActivityInstanceImpl) activityInstance).getTransitionName();  
  97.             if("completed".equals(transitionName)){  
  98.               ProcessDefinition pd = jbpmTemplate.getProcessDefinitionByProcessInstanceId(request.getParameter("piId"));  
  99.               if(pd!=null){  
  100.                 Activity activity = ((ProcessDefinitionImpl)pd).getActivitiesMap().get(activityInstance.getActivityName());  
  101.                 if(activity!=null){  
  102.                   text.append("<br/><b>流转路径:</b> ").append(StringUtil.transToHtmlStr(activity.getDefaultOutgoingTransition().getName()));  
  103.                 }  
  104.               }  
  105.             } else {  
  106.               text.append("<br/><b>流转路径:</b> ").append(StringUtil.transToHtmlStr(transitionName));  
  107.             }  
  108.               
  109.             List<HistoryComment> comments =  jbpmTemplate.getTaskComments(taskInstanceImpl.getHistoryTask().getId());  
  110.             if(comments.size()>0){ // 显示最新的comment  
  111.               text.append("<br/><br/><b>备注信息:</b> ").append(StringUtil.transToHtmlStr(comments.get(comments.size()-1).getMessage()));  
  112.             }  
  113.           }  
  114.       %>  
  115.         <div class="tip processed" id="<%=elId%>"  style="<%=position%>">  
  116.         </div>  
  117.       <script>$('<%=elId%>').store('tip:title',"<%=title%>").store('tip:text',"<%=text.toString()%>");</script>          
  118.       <%}%>  
  119.       <%  
  120.         id = 0;  
  121.         for(ActivityInfo info : activeActivityInfos){   
  122.           coordinates = info.getCoordinates();  
  123.           String elId = "_aai_" + (++id);  
  124.           StringBuffer position = new StringBuffer();  
  125.           position.append("left:").append(coordinates.getX()+2).append("px;");  
  126.           position.append("top:").append(coordinates.getY()+2).append("px;");  
  127.           position.append("height:").append(coordinates.getHeight()-10).append("px;");  
  128.           position.append("").append(coordinates.getWidth()-10).append("px;");  
  129.       %>  
  130.         <div class="tip active" id="<%=elId%>"  style="<%=position%>">  
  131.         </div>  
  132.       <%} %>  
  133.     </div>  
  134.     <script>new Tips('.tip');</script>  
  135.   </body>  
  136. </html>  
  137. 本文转自：http://yy629.iteye.com/blog?page=2&show_full=true
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/daichangya/p/12960090.html