流程啟動後，流程節點便進入到了任務相關的部分。可以看到我之前的做法是在啟動節點就綁定了form表單，啟動時就填寫相關的資料。實際上在之前我的做法是不對開始節點做任何操作，知道任務節點的時候再填寫相關的資料進行設定。

至於這兩種方式的優劣，我暫時還不太確定，單獨從功能上來說都是可以實現的，因此大家可以都試一試，然後視不同的情況而定，按自己究竟要用哪種。

而在任務相關的部分，我是把使用者任務分成了兩種，一種是我的申請，一種是我的任務。區別就是我發起的任務，和別人提交給我的或者反饋給我的任務。

那麼流程一啟動，第一個自然就是自己的申請了，這裡便說明這個問題。

在這一篇中，需要注意的並不在於form表單，而是如何判斷是不是初次申請，我一開始用的是流程節點來判斷，這樣就需要拿到流程節點並進行相關的遍歷。

但是後來我回過頭來再看時便發現其實遠不止著一種方法，比如也可以通過任務來區分，如果整個流程例項只有一個任務，那麼這個任務自然就是申請。當然了，前提是要限制任務是不能刪除的。

還有就是，每一個任務都有啟動時間，根據這個時間進行排序也應該可以進行判斷，只是這個我還沒有嘗試，可行性究竟如何還有待確定。

那麼下邊就又到了上程式碼的時刻：

後臺程式碼如下：

/**
     * @throwsXMLStreamException
     *             查詢我申請未提交的任務
     *
     * @author：tuzongxun
     * @Title: findTask
     * @
 
[email protected]
     * @return Object
     * @date Mar 17, 20162:44:11 PM
     * @throws
     */
    @RequestMapping(value = "/findFirstTask.do", method = RequestMethod.POST, produces = "application/json;charset=utf-8")
    @ResponseBody
    public Object findFirstTask(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();
                  // 獲取部署名
                  String processdefintionId = task.getProcessDefinitionId();
                  ProcessDefinition processDefinition = repositoryService
                         .createProcessDefinitionQuery()
                         .processDefinitionId(processdefintionId)
                         .singleResult();
 
                  // 根據taskname和節點判斷是否是第一個
                  String taskName = task.getName();
                  Iterator<FlowElement> iterator = this
                         .findFlow(processdefintionId);
                  String row0 = null;
                  String eleName0 = null;
                  while (iterator.hasNext()) {
                     FlowElement flowElement0 = iterator.next();
                     // 下一個節點
                     FlowElement flowElement = iterator.next();
                     String eleName = flowElement.getName();
                     if (taskName.equals(eleName)) {
                         row0 = flowElement0.getXmlRowNumber() + "";
                         eleName0 = flowElement0.getClass().getSimpleName();
                         break;
                     }
                  }
 
                  // 提交申請時
                  if (eleName0.equals("StartEvent")) {
                     ///////////////////////////
                     // 獲取流程變數
                     Map<String, Object> variables = runtimeService
                            .getVariables(task.getProcessInstanceId());
                     Set<String> keysSet = variables.keySet();
                     Iterator<String> keySet = keysSet.iterator();
                     Map<String, String> formData = new HashMap<String,String>();
                     taskModel.setLastForm(this
                            .getStartForm1((String) variables
                                   .get("deploymentId")));
 
                     taskModel.setAssignee(task.getAssignee());
                     taskModel.setCreateTime(task.getCreateTime());
                     taskModel.setId(task.getId());
                     taskModel.setName(task.getName());
                     taskModel.setProcessInstanceId(task
                            .getProcessInstanceId());
                     taskModel
                            .setProcessDefId(task.getProcessDefinitionId());
                     taskModel.setFormKey(task.getFormKey());
                     String deploymentId = processDefinition
                            .getDeploymentId();
                     Deployment deployment = repositoryService
                            .createDeploymentQuery()
                            .deploymentId(deploymentId).singleResult();
                     String deploymentName = deployment.getName();
                     taskModel.setDeploymentName(deploymentName);
                     while (keySet.hasNext()) {
                         String key = keySet.next();
                         String value = (String) variables.get(key);
                         if (key.contains(row0)) {
                            formData.put(key, value);
                         }
                     }
                     taskModel.setFormData(formData);
                     taskList.add(taskModel);
                  }
 
              }
           }
           map.put("isLogin", "yes");
           map.put("userName",
                  (String) req.getSession().getAttribute("userName"));
           map.put("result", "success");
           map.put("data", taskList);
       } else {
           map.put("isLogin", "no");
       }
       return map;
    }
 

注意上邊的方法中有呼叫getStartForm1這個方法，可在上一篇中找到。另外一個呼叫查詢流程節點的方法如下：

/**
     * @throwsXMLStreamException
     *             查詢流程節點
     *
     * @author：tuzongxun
     * @Title: findFlow
     * @[email protected]
     * @return Iterator<FlowElement>
     * @date Mar 21, 20169:31:42 AM
     * @throws
     */
    public Iterator<FlowElement> findFlow(String processDefId)
           throws XMLStreamException {
       List<ProcessDefinition> lists = repositoryService
              .createProcessDefinitionQuery()
              .processDefinitionId(processDefId)
              .orderByProcessDefinitionVersion().desc().list();
       ProcessDefinition processDefinition = lists.get(0);
       processDefinition.getCategory();
       String resourceName = processDefinition.getResourceName();
       InputStream inputStream = repositoryService.getResourceAsStream(
              processDefinition.getDeploymentId(), resourceName);
       BpmnXMLConverter converter = new BpmnXMLConverter();
       XMLInputFactory factory = XMLInputFactory.newInstance();
       XMLStreamReader reader = factory.createXMLStreamReader(inputStream);
       BpmnModel bpmnModel = converter.convertToBpmnModel(reader);
       Process process = bpmnModel.getMainProcess();
       Collection<FlowElement> elements = process.getFlowElements();
       Iterator<FlowElement> iterator = elements.iterator();
       return iterator;
    }

前臺的程式碼，我想經過這麼久的程式碼羅列，app.js和html中的寫法應該沒有必要再寫了，業務邏輯如下：

angular.module('activitiApp') 
.controller('findFirstTaskCtr', ['$rootScope','$scope','$http','$location','$state', function($rootScope,$scope,$http,$location,$state){ 
$scope.init=function(){
        $http.post("./findFirstTask.do").success(function(result) {
        if(result.isLogin==="yes"){
        $rootScope.userName=result.userName;
        $scope.taskList=result.data;
        }else{
             $location.path("/login");
        }
        });
}   
        //檢視findDetail(task)
        $scope.findDetail=function(task){
        console.log(task);
        $('#findDetail').html('').dialog({
             title:'節點名稱[' + task.name + ']',
            modal:true,
            width:$.common.window.getClientWidth() * 0.6,
            height:$.common.window.getClientHeight() * 0.9,
            open:function() {
               // 獲取json格式的表單資料，就是流程定義中的所有field
            var dialog = this;
            // 讀取啟動時的表單
                // 獲取的form是字元行，html格式直接顯示在對話方塊內就可以了，然後用form包裹起來
                $(dialog).append("<div class='formContent' />");
                $('.formContent').html('').wrap("<form id='findDetailForm' class='formkey-form1'method='post' />"); 
                var $form = $('.formkey-form1');
                //設定部署的Id
                $form.append("任務Id：<input type='text' readonly='readonly'style='background-color:#DEDCDC;margin-top:10px' name='taskId' value="+task.id+"></br>");
                $form.append("申請時間：<input type='text' readonly='readonly'style='background-color:#DEDCDC;margin-top:10px' name='createTime' value="+new Date(task.createTime).format('yyyy-MM-dd hh:mm:ss')+"></br>");
                //根據formData設定申請頁面
                //處理form字串
                var form=task.lastForm;
                //console.log(form);
                varindex0=form.lastIndexOf(">");
                   var p=form.split("<p>");
                   for(var i=1;i<p.length;i++){
                       var pName=p[i].substring(0,p[i].indexOf("：")+1);
                       var index1=p[i].indexOf('name="');
                       var p0=p[i].substring(index1,p[i].lastIndexOf(">"));
                       var index2=p0.indexOf('"');
                       var keyName=p[i].substring(index1+6,index2+index1+7);
                      var value=null;
                    for(var key in task.formData){
//                        var keyString=key+"";
//                        if(keyString===keyName){
//                        value=(task.formData)[key];
                      var keyString=key.substring(0,key.length-1);
                      if(keyString===keyName){
                      value=(task.formData)[key];
                      }
                   }
                   
                    $form.append(pName+"<input type='text' readonly='readonly'style='background-color:#DEDCDC;margin-top:10px' name='createTime'value='"+value+"'></br>");
                   }
                  
                // 初始化日期元件
                $form.find('.datetime').datetimepicker({
                       stepMinute: 5
                 });
                $form.find('.date').datepicker();
               
                // 表單驗證
                $form.validate($.extend({},$.common.plugin.validator));
           
            },
            buttons:[{
               text:'關閉',
               click:function() {
                   $("#findDetail").dialog("close");
                   //sendStartupRequest();
               }
            }]
        }).position({
               //my:"center",
               //at:"center",
            offset:'300 300',
               of: window,
               collision:"fit"
            });
        }
     
        //完成任務
        $scope.completeTaskTo=function(task){
        console.log(task);
        $('#comTask').html('').dialog({
             title:'節點名稱[' + task.name + ']',
            modal:true,
            width:$.common.window.getClientWidth() * 0.6,
            height:$.common.window.getClientHeight() * 0.9,
            open:function() {
               // 獲取json格式的表單資料，就是流程定義中的所有field
            var dialog = this;
            // 讀取啟動時的表單
                // 獲取的form是字元行，html格式直接顯示在對話方塊內就可以了，然後用form包裹起來
                $(dialog).append("<div class='formContent' />");
                $('.formContent').html('').wrap("<form id='completeTask' class='formkey-form'method='post' />");     
                var $form = $('.formkey-form');
 
                // 設定表單action   getStartFormAndStartProcess
                $form.attr('action', './completeTask');
                //設定部署的Id
                $form.append("任務Id：<input type='text' readonly='readonly'style='background-color:#DEDCDC;margin-top:10px' name='taskId' value="+task.id+"></br>");
                $form.append("申請時間：<input type='text' readonly='readonly'style='background-color:#DEDCDC;margin-top:10px' value="+new Date(task.createTime).format('yyyy-MM-dd hh:mm:ss')+"></br>");
                //根據formData設定申請頁面
                //處理form字串
                varform=task.lastForm;
                 //console.log(form);
                varindex0=form.lastIndexOf(">");
                   var p=form.split("<p>");
                   for(var i=1;i<p.length;i++){
                       var pName=p[i].substring(0,p[i].indexOf("：")+1);
                       var index1=p[i].indexOf('name="');
                       varp0=p[i].substring(index1,p[i].lastIndexOf(">"));
                       var index2=p0.indexOf('"');
                       var keyName=p[i].substring(index1+6,index2+index1+7);
                      var value=null;
                    for(var key in task.formData){
                      var keyString=key.substring(0,key.length-1);
                      if(keyString===keyName){
                      value=(task.formData)[key];
                      }
                   }
                    $form.append(pName+"<input type='text' readonly='readonly'style='background-color:#DEDCDC;margin-top:10px' value='"+value+"'></br>");
                   }  
                        ///////////////////////////////////////   
                    $.post('./getTaskForm.do',task.formKey, function(result) {
                    //設定部署的Id
                    //$form.append("<inputtype='hidden' name='deploymentId' value="+deploymentId+">");
                    $form.append(result.form);          
                    });   
                    ////////////////////////////////////////
                // 初始化日期元件
                $form.find('.datetime').datetimepicker({
                       stepMinute: 5
                 });
                $form.find('.date').datepicker();
                // 表單驗證
                $form.validate($.extend({},$.common.plugin.validator));
           
            },
            buttons:[{
               text:'提交',
               click:function() {
                   $("#comTask").dialog("close");
                   sendStartupRequest();
               }
            }]
        }).position({
               //my:"center",
               //at:"center",
            offset:'300 300',
               of: window,
               collision:"fit"
            });
        }
       
        /**
     * 提交表單
     * @return {[type]} [description]
     */
    functionsendStartupRequest() {
        if ($(".formkey-form").valid()) {
            var url = './completeTask.do';
            var args = $('#completeTask').serialize();
            $.post(url,args, function(data){
               $("#comTask").dialog("close");
               //$location.path("/processList");
               window.location.href=("#/processList");
               setTimeout(function(){
                   //$location.path("/findFirstTask");
                   window.location.href =("#/findFirstTask");
               },1500);
            });
        }
    }
 
}])