activiti自定义流程之整合（四）：整合自定义表单部署流程定义

综合前几篇博文内容，我想在整合这一部分中应该会有很多模块会跳过不讲，就如自定义表单的表单列表那一块，因为这些模块在整合的过程中都几乎没有什么改动，再多讲也是重复无用功。


正因为如此，在创建了流程模型之后，模型列表的展示也是和之前的没有什么区别，而且都是很简单的后台查询以及前台展示，这一部分也就不过多的讲了。

模型列表页面如下：

 
至于其中的修改和删除也没什么多讲的，删除很简单，而修改也是activiti-modeler实现的主要功能，我们只需要跳转过去就行。


重要的部分在于部署，因为点击部署到达后台以后，activiti就要和自定义的form表单打赏关系。
以上页面的html代码如下：

[html]  view plain  copy

 

1. <div id="logdiv1" ng-init="init();">   
2.     <p style="font-size:24px;margin:3px">模型列表</p>   
3.     <center>   
4.    <table border="1px" style="margin-top:1px;width:87%;font-size:18px;text-align:center;margin-left:2px;margin-top:auto;position:relative;float:left;" cellSpacing="0px" cellPadding="0px">  
5.       <tr style="background-color:#ccc">  
6.          <td>ID</td>  
7.          <td>NAME</td>  
8.          <td>KEY</td>  
9.          <td>描 述</td>  
10.          <td>版本</td>  
11.          <td>创建时间</td>  
12.          <td>修改时间</td>  
13.          <td>操 作</td>  
14.       </tr>  
15.       <tr ng-repeat="model in modelList | orderBy:'id'" >  
16.          <td>{{model.id}}</td>  
17.          <td>{{model.name}}</td>  
18.          <td>{{model.key}}</td>  
19.          <td>{{model.metaInfo}}</td>  
20.          <td>{{model.version}}</td>  
21.          <td>{{model.createTime | date:"yyyy-MM-dd HH:mm:ss"}}</td>  
22.          <td>{{model.lastUpdateTime | date:"yyyy-MM-dd HH:mm:ss"}}</td>  
23.          <td><a href="script:;" ng-click="deploye(model)">部署</a>   
24.          <a href="script:;" ng-click="delete(model)">删除</a>   
25.          <a href="script:;" ng-click="update(model.id)">修改</a>  
26.          </td>  
27.       </tr>  
28.    </table>    
29.    </center>   
30. </div>    

点击部署要走到后台，前台就需要js控制，相应的js代码如下：

[javascript]  view plain  copy

 

1. angular.module('activitiApp')    
2. .controller('modelCtr', ['$rootScope','$scope','$http','$location', function($rootScope,$scope,$http,$location){    
3. $scope.init=function(){  
4.         $http.post("./modelList.do").success(function(result) {  
5.             if(result.isLogin==="yes"){  
6.                 $rootScope.userName=result.userName;  
7.                 console.log(result.data);   
8.                 $scope.modelList=result.data;  
9.             }else{  
10.                 $location.path("/login");  
11.             }  
12.         });  
13. }    
14.         $scope.deploye=function(model){  
15.             console.log(model);  
16.             $http.post("./deploye.do",model).success(function(deployResult){  
17.                 $location.path("/processList");  
18.             });  
19.         }  
20.           
21.         $scope.update=function(modelId){  
22.             window.open("http://localhost:8080/activitiTest1/service/editor?id="+modelId);  
23.         }  
24.         
25.     
26. }])    

而后程序到达后台，后台代码如下：

[java]  view plain  copy

 

1. /** 
2.      * 根据模型id部署流程定义 
3.      *  
4.      * @author：tuzongxun 
5.      * @Title : deploye 
6.      * @param @param activitiModel 
7.      * @param @param redirectAttributes 
8.      * @param @return 
9.      * @return Object 
10.      * @date Mar 17, 2016 12:30:05 PM 
11.      * @throws 
12.      */  
13.     @RequestMapping(value = "/deploye.do", method = RequestMethod.POST, produces = "application/json;charset=utf-8")  
14.     @ResponseBody  
15.     public Object deploye(@RequestBody ActivitiModel activitiModel,  
16.             HttpServletRequest req) {  
17.         Map<String, Object> map = new HashMap<String, Object>();  
18.         boolean isLogin = this.isLogin(req);  
19.         if (isLogin) {  
20.             String modelId = activitiModel.getId();  
21.             try {  
22.                 // 获取forms拿到formname  
23.                 Model modelData = repositoryService.getModel(modelId);  
24.                 ObjectNode modelNode = (ObjectNode) new ObjectMapper()  
25.                         .readTree(repositoryService  
26.                                 .getModelEditorSource(modelData.getId()));  
27.                 byte[] bpmnBytes = null;  
28.                 BpmnModel model = new BpmnJsonConverter()  
29.                         .convertToBpmnModel(modelNode);  
30.                 bpmnBytes = new BpmnXMLConverter().convertToXML(model);  
31.                 DeploymentBuilder db = repositoryService.createDeployment()  
32.                         .name(modelData.getName());  
33.                  //区别在这里  
34.                 List<JsonNode> forms = modelNode  
35.                         .findValues("formkeydefinition");  
36.                 for (JsonNode node : forms) {  
37.                     // aaa.form  
38.                     String formName = node.textValue();  
39.                     if (!"".equals(formName)) {  
40.                         // 就是页面的html代码根据formName找到  
41.                         String formContent = myFormService  
42.                                 .findFormByFormName(formName);  
43.                         ByteArrayInputStream bi = new ByteArrayInputStream(  
44.                                 formContent.getBytes());  
45.                         db.addInputStream(formName, bi);  
46.                         break;  
47.                     }  
48.                 }  
49.                 Deployment deployment = db.addString(  
50.                         modelData.getName() + ".bpmn20.xml",  
51.                         new String(bpmnBytes)).deploy();  
52.                 if (deployment != null && deployment.getId() != null) {  
53.                     map.put("isLogin", "yes");  
54.                     map.put("userName",  
55.                             (String) req.getSession().getAttribute("userName"));  
56.                     map.put("result", "success");  
57.                 }  
58.             } catch (Exception e) {  
59.                 e.printStackTrace();  
60.   
61.   
62.             }  
63.         } else {  
64.             map.put("isLogin", "no");  
65.         }  
66.         return map;  
67.     }  

拿这段代码和之前单独的activiti流程部署的代码相比，就可以看到这里多出了查询form的操作以及部署时新的inputStream的设置。

在这段代码中，需要我们自己根据formKey（即自定义的表单的文件名）从数据中查询出相应的html表单代码，这段代码也是自己写的，如下：

[java]  view plain  copy

 

1. public Connection getDb() {  
2.         Connection connection = null;  
3.         try {  
4.             Class.forName("com.mysql.jdbc.Driver");  
5.             connection = DriverManager.getConnection(  
6.                     "jdbc:mysql://localhost:3306/testtu", "root", "123456");  
7.         } catch (Exception e) {  
8.             e.printStackTrace();  
9.         }  
10.         return connection;  
11.     }  
12.   
13.   
14. public String findFormByFormName(String formName) {  
15.         String formString = null;  
16.         Connection connection = this.getDb();  
17.         Statement statement;  
18.         try {  
19.             statement = connection.createStatement();  
20.             PreparedStatement ps = connection  
21.                     .prepareStatement("select * from formtest where formType=?");  
22.             ps.setString(1, formName);  
23.             ResultSet resultSet = ps.executeQuery();  
24.             while (resultSet.next()) {  
25.                 formString = resultSet.getString(3);  
26.             }  
27.             ;  
28.         } catch (Exception e) {  
29.             e.printStackTrace();  
30.         }  
31.         return formString;  
32.     }  

实现这个表单设置的目的实际上是为了之后启动流程时的操作，因为部署之后就有了流程定义列表，在流程定义列表中就可以启动流程，只有在这里设置了，那么点击启动流程时才能调用activitiService的相关方法获取对应节点的表单。

有了这个操作，在我们部署成功之后，可以看到与之前的部署相比，在数据库ac_ge_bytearray表中会再多出一条表单相关的数据，如图：

那么至此，整合自定义表单部署流程结束。

顶

0

踩

转载于:https://my.oschina.net/u/2532228/blog/676514