activiti自定义流程之Spring整合activiti-modeler5.16实例（七）：任务列表展示

span "_blank" href="http://blog.csdn.net/tuzongxun/article/details/50787822" >activiti自定义流程之Spring整合activiti-modeler5.16实例（一）：环境搭建
        （2）创建流程模型：activiti自定义流程之Spring整合activiti-modeler5.16实例（二）：创建流程模型 
        （3）流程模型列表展示：activiti自定义流程之Spring整合activiti-modeler5.16实例（三）：流程模型列表展示
        （4）部署流程定义：activiti自定义流程之Spring整合activiti-modeler5.16实例（四）：部署流程定义

        （5）流程定义列表：activiti自定义流程之Spring整合activiti-modeler5.16实例（五）：流程定义列表

        （6）启动流程：activiti自定义流程之Spring整合activiti-modeler5.16实例（六）：启动流程

1.通过上一节的操作，可以知道流程启动以后会同时生成一个流程实例和用户任务，这个用户任务保存在act_ru_task和act_hi_task表中，从表明可以看出ru是runtime，hi是history。但是需要注意的是，和操作流程使用的service不同，操作正在发生任务不是使用runtimeService，而是专门的taskService。
2.后台业务代码，
  （1）自定义的任务实体类

package model;

import java.util.Date;

public class TaskModel {

 private String id;

 private String name;

 private String processInstanceId;

 private String assignee;

 private Date createTime;

 private String nextPerson;

 private String cause;

 private String content;

 private String taskType;

 private String processKey;

 private String processDefId;

 public String getTaskType() {

 return taskType;

 public void setTaskType(String taskType) {

 this.taskType = taskType;

 public String getId() {

 return id;

 public void setId(String id) {

 this.id = id;

 public String getName() {

 return name;

 public void setName(String name) {

 this.name = name;

 public String getProcessInstanceId() {

 return processInstanceId;

 public void setProcessInstanceId(String processInstanceId) {

 this.processInstanceId = processInstanceId;

 public String getAssignee() {

 return assignee;

 public void setAssignee(String assignee) {

 this.assignee = assignee;

 public Date getCreateTime() {

 return createTime;

 public void setCreateTime(Date createTime) {

 this.createTime = createTime;

 public String getNextPerson() {

 return nextPerson;

 public void setNextPerson(String nextPerson) {

 this.nextPerson = nextPerson;

 public String getCause() {

 return cause;

 public void setCause(String cause) {

 this.cause = cause;

 public String getContent() {

 return content;

 public void setContent(String content) {

 this.content = content;

 public String getProcessKey() {

 return processKey;

 public void setProcessKey(String processKey) {

 this.processKey = processKey;

 public String getProcessDefId() {

 return processDefId;

 public void setProcessDefId(String processDefId) {

 this.processDefId = processDefId;

 @Override

 public String toString() {

 return "TaskModel [id=" + id + ", name=" + name

 + ", processInstanceId=" + processInstanceId + ", assignee="

 + assignee + ", createTime=" + createTime + ", nextPerson="

 + nextPerson + ", cause=" + cause + ", content=" + content

 + ", taskType=" + taskType + ", processKey=" + processKey

 + ", processDefId=" + processDefId + "]";

（2）业务逻辑：查询任务使用taskService调用相关的方法来完成，可以根据特定的条件，也可以不加条件查询所有。可以返回task为元素的list，也可以返回单独的task对象，但是需要注意的是，如果要返回单独的task对象，则必须确定返回值是唯一的对象，否则就会抛出异常。下边的例子中，我是根据当前登陆的用户名来查询出对应的所有task：

/**

 * @throws XMLStreamException

 * 查询个人任务

 * @author：tuzongxun

 * @Title: findTask

 * @param @return

 * @return Object

 * @date Mar 17, 2016 2:44:11 PM

 * @throws

 @RequestMapping(value = "/findTask.do", method = RequestMethod.POST, produces = "application/json;charset=utf-8")

 @ResponseBody

 public Object findTask(HttpServletRequest req) throws XMLStreamException {

 Map String, Object map = new HashMap String, Object 

 boolean isLogin = this.isLogin(req);

 if (isLogin) {

 List TaskModel taskList = new ArrayList TaskModel 

 HttpSession session = req.getSession();

 String assginee = (String) session.getAttribute("userName");

 List Task taskList1 = taskService.createTaskQuery()

 .taskAssignee(assginee).list();

 if (taskList1 != null taskList1.size() 0) {

 for (Task task : taskList1) {

 TaskModel taskModel = new TaskModel();

 taskModel.setAssignee(task.getAssignee());

 taskModel.setCreateTime(task.getCreateTime());

 taskModel.setId(task.getId());

 taskModel.setName(task.getName());

 taskModel.setProcessInstanceId(task.getProcessInstanceId());

 taskModel.setProcessDefId(task.getProcessDefinitionId());

 // 获取流程变量

 Map String, Object variables = runtimeService

 .getVariables(task.getProcessInstanceId());

 Set String keysSet = variables.keySet();

 Iterator String keySet = keysSet.iterator();

 while (keySet.hasNext()) {

 String key = keySet.next();

 if (key.endsWith("cause")) {

 taskModel.setCause((String) variables.get("cause"));

 } else if (key.endsWith("content")) {

 taskModel.setContent((String) variables

 .get("content"));

 } else if (key.endsWith("taskType")) {

 taskModel.setTaskType((String) variables

 .get("taskType"));

 } else if (!assginee.equals(variables.get(key))) {

 // 想办法查询是否还有下一个任务节点

 Iterator FlowElement iterator = this.findFlow(task

 .getProcessDefinitionId());

 while (iterator.hasNext()) {

 FlowElement flowElement = iterator.next();

 String classNames = flowElement.getClass()

 .getSimpleName();

 if (classNames.equals("UserTask")) {

 UserTask userTask = (UserTask) flowElement;

 String assginee11 = userTask.getAssignee();

 String assginee12 = assginee11.substring(

 assginee11.indexOf("{") + 1,

 assginee11.indexOf("}"));

 String assignee13 = (String) variables

 .get(assginee12);

 if (assginee.equals(assignee13)) {

 // 看下下一个节点是什么

 iterator.next();

 FlowElement flowElement2 = iterator

 .next();

 String classNames1 = flowElement2

 .getClass().getSimpleName();

 // 设置下一个任务人

 if (!(classNames1.equals("EndEvent"))) {

 UserTask userTask2 = (UserTask) flowElement2;

 String assginee21 = userTask2

 .getAssignee();

 String assginee22 = assginee21

 .substring(

 assginee21

 .indexOf("{") + 1,

 assginee21

 .indexOf("}"));

 String assignee23 = (String) variables

 .get(assginee22);

 taskModel.setNextPerson(ToolUtils

 .isEmpty(assignee23));


3.angular js前台代码（前台只是做简单的展示，不多讲）：


  （1）app.js中配置路由：


   


  
 $stateProvider 

 .state(taskList, { 

 url: "/taskList", 

 views: { 

 view: { 

 templateUrl: activi_views/taskList.html, 

 controller: taskCtr 

 }); 






  （2）逻辑相关代码：



   
 angular.module(activitiApp) 

.controller(taskCtr, [$rootScope,$scope,$http,$location,$state, function($rootScope,$scope,$http,$location,$state){ 

$scope.init=function(){

 $http.post("./findTask.do").success(function(result) {

 if(result.isLogin==="yes"){

 console.log(result.data); 

 $rootScope.userName=result.userName;

 $scope.taskList=result.data;

 }else{

 $location.path("/login");

 $scope.completeTaskTo=function(task){

 console.log(task);

 $rootScope.task=task;

 //$location.path("/completeTaskTo");

 $location.path("/completeTaskTo1");







4.对应的填写相关信息的页面：

 div id="logdiv1" ng-init="init();" 

 p 当前任务列表 /p 

 center 

 table border="1px" cellSpacing="0px" cellPadding="0px" 

 td 类型 /td 

 td ID /td 

 td NAME /td 

 td ProcessIntanceId /td 

 td ProcessDefId /td 

 td 创建时间 /td 

 td 申请人 /td 

 td 受理人 /td 

 td 申请原因 /td 

 td 申请内容 /td 

 td 操 作 /td 

 /tr 

 tr ng-repeat="task in taskList | orderBy:id" 

 td {{task.taskType}} /td 

 td {{task.id}} /td 

 td {{task.name}} /td 

 td {{task.processInstanceId}} /td 

 td {{task.processDefId}} /td 

 td {{task.createTime | date:"yyyy-MM-dd HH:mm:ss"}} /td 

 td {{task.assignee}} /td 

 td {{task.nextPerson}} /td 

 td {{task.cause}} /td 

 td {{task.content}} /td 

 td a href="script:;" ng-click="completeTaskTo(task)" 完成任务 /a  

 /td 

 /tr 

 /table 

 /center 

 /div 

 






 span "author-img" src="https://ucc.alicdn.com/avatar/64a40364363447ceb5d1581bedd88018.png?x-oss-process=image/resize,h_150,m_lfit" /> 


 涂宗勋

 认真生活，快乐工作，保持理想！https://blog.csdn.net/tuzongxun


 阿里特邀专家徐雷Java Spring Boot开发实战系列课程（第18讲）：制作Java Docker镜像与推送到DockerHub和阿里云Docker仓库

 立即下载