Activiti流程圖查看實例

更新時間：2014年08月05日 08:59:06 投稿：shichen2014

這篇文章主要介紹了Activiti流程圖查看實例,需要的朋友可以參考下

本文實例展示了Activiti流程圖查看的實現(xiàn)方法，具體步驟如下所示：

1、測試用例查看圖片代碼如下：

public void viewImage() throws Exception {
 // 創(chuàng)建倉庫服務(wù)對對象
 RepositoryService repositoryService = processEngine.getRepositoryService();
 // 從倉庫中找需要展示的文件
 String deploymentId = "701";
 List<String> names = repositoryService.getDeploymentResourceNames(deploymentId);
 String imageName = null;
 for (String name : names) {
  if(name.indexOf(".png")>=0){
  imageName = name;
  }
 }
 if(imageName!=null){
//   System.out.println(imageName);
  File f = new File("e:/"+ imageName);
  // 通過部署ID和文件名稱得到文件的輸入流
  InputStream in = repositoryService.getResourceAsStream(deploymentId, imageName);
  FileUtils.copyInputStreamToFile(in, f);
 }

說明：

　　1) deploymentId為流程部署ID

　　2) resourceName為act_ge_bytearray表中NAME_列的值

　　3) 使用repositoryService的getDeploymentResourceNames方法可以獲取指定部署下得所有文件的名稱

　　4) 使用repositoryService的getResourceAsStream方法傳入部署ID和文件名稱可以獲取部署下指定名稱文件的輸入流

　　5) 最后的有關(guān)IO流的操作，使用FileUtils工具的copyInputStreamToFile方法完成流程流程到文件的拷貝

2、web項目中在流程定義頁面查看圖片：

public String viewImage(){
InputStream in = repositoryService.getResourceAsStream.getImageStream(deploymentId,imageName);//此處方法實際項目應(yīng)該放在service里面
HttpServletResponse resp = ServletActionContext.getResponse();
try {
  OutputStream out = resp.getOutputStream();
  // 把圖片的輸入流程寫入resp的輸出流中
  byte[] b = new byte[1024];
  for (int len = -1; (len= in.read(b))!=-1; ) {
 out.write(b, 0, len);
  }
  // 關(guān)閉流
  out.close();
  in.close();
} catch (IOException e) {
  e.printStackTrace();
}
return null;
}

說明：

　　1) deploymentId為流程部署ID，imageName為圖片名稱

　　2) 因為是從流程定義列表頁面查看圖片，id和imageName可以從流程定義（ProcessDefinition）中獲?。⊿tring getDeploymentId();和 String getDiagramResourceName();）

　　3）　web頁面標(biāo)簽<a target="_blank" href="viewImage?deploymentId=1&imageName=imageName.png" rel="external nofollow" >查看流程圖</a>

3、web項目查看當(dāng)前流程圖

public String viewCurrentImage(){
ProcessDefinition pd = service.getProcessDefinitionByTaskId(taskId);
// 1. 獲取流程部署ID
putContext("deploymentId", pd.getDeploymentId());
// 2. 獲取流程圖片的名稱
putContext("imageName", pd.getDiagramResourceName());

// 3.獲取當(dāng)前活動的坐標(biāo)
Map<String,Object> currentActivityCoordinates =service.getCurrentActivityCoordinates(taskId);
putContext("acs", currentActivityCoordinates);
return "image";
}

其中service.getProcessDefinitionByTaskId(taskId);的代碼實現(xiàn)：

public ProcessDefinition getProcessDefinitionByTaskId(String taskId) {
// 1. 得到task
Task task = taskService.createTaskQuery().taskId(taskId).singleResult();
// 2. 通過task對象的pdid獲取流程定義對象
ProcessDefinition pd = repositoryService.getProcessDefinition(task.getProcessDefinitionId());
return pd;
}

其中service.getCurrentActivityCoordinates(taskId);的代碼實現(xiàn)：

public Map<String, Object> getCurrentActivityCoordinates(String taskId) {
Map<String, Object> coordinates = new HashMap<String, Object>();
// 1. 獲取到當(dāng)前活動的ID
Task task = taskService.createTaskQuery().taskId(taskId).singleResult();
ProcessInstance pi = runtimeService.createProcessInstanceQuery().processInstanceId(task.getProcessInstanceId()).singleResult();
String currentActivitiId = pi.getActivityId();
// 2. 獲取到流程定義
ProcessDefinitionEntity pd = (ProcessDefinitionEntity) repositoryService.getProcessDefinition(task.getProcessDefinitionId());
// 3. 使用流程定義通過currentActivitiId得到活動對象
ActivityImpl activity = pd.findActivity(currentActivitiId);
// 4. 獲取活動的坐標(biāo)
coordinates.put("x", activity.getX());
coordinates.put("y", activity.getY());
coordinates.put("width", activity.getWidth());
coordinates.put("height", activity.getHeight());
return coordinates;
}

image頁面部分：

　　從個人任務(wù)列表頁面點擊<a target="_blank" href="/viewCurrentImage?taskId=1" rel="external nofollow" >查看當(dāng)前流程圖</a>跳轉(zhuǎn)到下面頁面：

<body>
<!-- 1.獲取到規(guī)則流程圖 這里是用的strust2的標(biāo)簽得到上面上面放入值棧的值-->
<img style="position: absolute;top: 0px;left: 0px;" src="viewImage?deploymentId=<s:property value='#deploymentId'/>&imageName=<s:property value='#imageName'/>">

<!-- 2.根據(jù)當(dāng)前活動的坐標(biāo)，動態(tài)繪制DIV -->
<div style="position: absolute;border:1px solid red;top:<s:property value='#acs.y'/>px;left: <s:property value='#acs.x'/>px;width: <s:property value='#acs.width'/>px;height:<s:property value='#acs.height'/>px;  "></div>
</body>

您可能感興趣的文章: