注：（1）环境搭建：activiti自定义流程之Spring整合activiti-modeler5.16实例（一）：环境搭建
（2）创建流程模型：activiti自定义流程之Spring整合activiti-modeler5.16实例（二）：创建流程模型
（3）流程模型列表展示：activiti自定义流程之Spring整合activiti-modeler5.16实例（三）：流程模型列表展示
（4）部署流程定义：activiti自定义流程之Spring整合activiti-modeler5.16实例（四）：部署流程定义
1.流程定义依旧属于流程资源，因此查询流程定义也还是使用repositoryService进行操作
2.后台业务代码，
（1）自定义的流程定义实体类：
（2）业务逻辑：
3.angular js前台代码，：
（1）app.js中配置路由：
（2）逻辑相关代码：
4.对应的流程定义列表的页面：
（2）创建流程模型：activiti自定义流程之Spring整合activiti-modeler5.16实例（二）：创建流程模型
（3）流程模型列表展示：activiti自定义流程之Spring整合activiti-modeler5.16实例（三）：流程模型列表展示
（4）部署流程定义：activiti自定义流程之Spring整合activiti-modeler5.16实例（四）：部署流程定义
1.流程定义依旧属于流程资源，因此查询流程定义也还是使用repositoryService进行操作
2.后台业务代码，
（1）自定义的流程定义实体类：
package model;
public class processModel {
private String id;
private String deploymentId;
private String key;
private String resourceName;
private int version;
private String name;
private String diagramResourceName;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getDiagramResourceName() {
return diagramResourceName;
}
public void setDiagramResourceName(String diagramResourceName) {
this.diagramResourceName = diagramResourceName;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getDeploymentId() {
return deploymentId;
}
public void setDeploymentId(String deploymentId) {
this.deploymentId = deploymentId;
}
public String getKey() {
return key;
}
public void setKey(String key) {
this.key = key;
}
public String getResourceName() {
return resourceName;
}
public void setResourceName(String resourceName) {
this.resourceName = resourceName;
}
public int getVersion() {
return version;
}
public void setVersion(int version) {
this.version = version;
}
@Override
public String toString() {
return "processModel [id=" + id + ", deploymentId=" + deploymentId
+ ", key=" + key + ", resourceName=" + resourceName
+ ", version=" + version + ", name=" + name
+ ", diagramResourceName=" + diagramResourceName + "]";
}
}
（2）业务逻辑：
/**
* 流程定义列表
*
* @author：tuzongxun
* @Title: processList
* @param @return
* @return Object
* @date Mar 17, 2016 12:34:10 PM
* @throws
*/
@RequestMapping(value = "/processList.do", method = RequestMethod.POST, produces = "application/json;charset=utf-8")
@ResponseBody
public Object processList(HttpServletRequest req) {
Map<String, Object> map = new HashMap<String, Object>();
boolean isLogin = this.isLogin(req);
if (isLogin) {
List<processModel> processList = new ArrayList<processModel>();
List<ProcessDefinition> processList1 = repositoryService
.createProcessDefinitionQuery().list();
for (ProcessDefinition pro : processList1) {
processModel processModel = new processModel();
processModel.setDeploymentId(pro.getDeploymentId());
processModel.setId(pro.getId());
processModel.setKey(pro.getKey());
processModel.setResourceName(pro.getResourceName());
processModel.setVersion(pro.getVersion());
processModel.setName(pro.getName());
processModel.setDiagramResourceName(pro
.getDiagramResourceName());
processList.add(processModel);
}
map.put("isLogin", "yes");
map.put("userName",
(String) req.getSession().getAttribute("userName"));
map.put("result", "success");
map.put("data", processList);
} else {
map.put("isLogin", "no");
}
return map;
}
3.angular js前台代码，：
（1）app.js中配置路由：
$stateProvider
.state('processList', {
url: "/processList",
views: {
'view': {
templateUrl: 'activi_views/processList.html',
controller: 'processCtr'
}
}
});
（2）逻辑相关代码：
angular.module('activitiApp')
.controller('processCtr', ['$rootScope','$scope','$http','$location', function($rootScope,$scope,$http,$location){
$scope.init=function(){
$http.post("./processList.do").success(function(result) {
if(result.isLogin==="yes"){
console.log(result.data);
$rootScope.userName=result.userName;
$scope.processList=result.data;
}else{
$location.path("/login");
}
});
}
//这个方法主要是为下一节，启动流程实例时使用
$scope.toProcess=function(process){
console.log(process);
$http.post("./startProcess.do",process).success(function(deployResult){
$rootScope.process=process;
$location.path("/startProcess");
});
}
}])
4.对应的流程定义列表的页面：
<div id="logdiv1" ng-init="init();">
<p style="font-size:24px;margin-top:10px">模型列表</p>
<center>
<table border="1px" style="width:87%;font-size:18px;text-align:center;margin-left:2px;margin-top:auto;position:relative;float:left;" cellSpacing="0px" cellPadding="0px">
<tr style="background-color:#ccc">
<td>ID</td>
<td>NAME</td>
<td>KEY</td>
<td>描 述</td>
<td>版本</td>
<td>创建时间</td>
<td>修改时间</td>
<td>操 作</td>
</tr>
<tr ng-repeat="model in modelList | orderBy:'id'" >
<td>{{model.id}}</td>
<td>{{model.name}}</td>
<td>{{model.key}}</td>
<td>{{model.metaInfo}}</td>
<td>{{model.version}}</td>
<td>{{model.createTime | date:"yyyy-MM-dd HH:mm:ss"}}</td>
<td>{{model.lastUpdateTime | date:"yyyy-MM-dd HH:mm:ss"}}</td>
<td><a href="script:;" ng-click="deploye(model)">部署</a>
<a href="script:;" ng-click="delete(model)">删除</a>
<a href="script:;" ng-click="update(model.id)">修改</a>
</td>
</tr>
</table>
</center>
</div>
5.页面示图如下：
