activiti自定義流程之Spring整合activiti-modeler5.16例項（五）：流程定義列表
阿新 • • 發佈：2019-02-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.頁面示圖如下：
