java后台獲取和js拼接展示信息

java后台獲取和js拼接展示信息：

html頁面代碼：

<div class="results-bd">
    <table id="activityInfoTable">            
        <tbody id="activityInfoTbody">                
        </tbody>
    </table>
</div>

 

javaScript代碼（拼接為多個表格形式展示）：

getAuditProgressDetails : function(projectguid){
            WebAPI.getAuditProgressDetailsAPI(projectguid,function(data) {
                if (data.boo) {
                    // 表格形式展示所有步驟得所有部門信息
                    var activityJSONObjectList = data.UserArea.activityJSONObjectList;        
                    console.log("activityJSONObjectList===="+activityJSONObjectList);
                    var num = 1;
                    var htmlphase = "";
　　　　　　　　　　　　// 先循環所有處理步驟
                    for (var i = 0; i < activityJSONObjectList.length; i++) {
                        htmlphase+="<div><tr><td colspan='6'><span  style=\"font-size: 30px; font-family: 微軟雅黑; font-weight: bold;\">"+activityJSONObjectList[i].activityName+"</span></td></tr>";
                        var ouinfoJSONObjectList= activityJSONObjectList[i].ouinfoJSONObjectList;
                        htmlphase += "<tr><th scope=\"col\">序號</th>"
                        +"<th scope='col'>部門名稱</th>"
                        +"<th scope='col'>辦理地址</th>"
                        +"<th scope='col'>聯系電話</th></tr></div>";
                        
　　　　　　　　　　　　　　// 再循環每個步驟中的每個處理部門信息
　　　　　　　　　　　　　　for (var j = 0; j < ouinfoJSONObjectList.length; j++){
                            var tr = "<tr>";
                            tr += "<td>" + num + "</td>";
                            tr += "<td>" + ouinfoJSONObjectList[j].ouname + "</td>";
                            tr += "<td>" + ouinfoJSONObjectList[j].address + "</td>";
                            //tr += "<td><a href=\"####\" onclick=openDetail('"+projectlist[j].projectGuid+"')>" + projectlist[j].taskName + "</a></td>";
                            //tr += "<td><a href='../../../../epointzwfw/dzjc/spjd/AuditProjectDetailPage.jspx?rowGuid="+projectlist[j].projectGuid+"'>" + projectlist[j].taskName + "</a></td>";
                            tr += "<td>" + ouinfoJSONObjectList[j].ouLinkphone + "</td>";
                           
                            num ++;
                            tr += "</tr>";
                            htmlphase += tr;
                        }                                                
                    }
                    $("#activityInfoTbody").html(htmlphase);
                } else {
                    DialogBox.dialog.alert('系統提示',data.Description);
                }
            });
        },

 

里面的webapi就是一個封裝的js，集中調用封裝了的js的ajax交互方法：

// 個人中心正在審批模塊查看當前審批進度
    getAuditProgressDetailsAPI : function(projectguid, func) {
        // restful接口的類注解/方法注解
        var url = "/AuditProject/getAuditProgressDetails";
        var jsonData = {
                paras : {
                    projectguid : projectguid
                }
        };
        this.postAPINew(url, jsonData, func);
        
    },

 

javaSrcipt中返回的的數據調用的后台獲取接口代碼（restful接口，action層業務管理層）：

@Path("/AuditProject")
public class WsbsdtAuditProjectAction {

    
// 正在審批查看當前進度
    @Path("/getAuditProgressDetails")
    @POST
    @Produces(MediaType.APPLICATION_JSON)
    public String getAuditProgressDetails(String receivedata, @Context HttpServletRequest request) {
        String receivejson = HandleCommonReceiveDataUtil.handleReceiveData(request.getParameterMap(), receivedata);
        return JSONCommonUtil.doService(receivejson, WsbsdtAuditProjectService.class, "getAuditProgressDetails");
    }
}

 

action層業務管理層 所調用的 service層業務邏輯實施層 的方法代碼：

public class WsbsdtAuditProjectService extends BaseService {
　　
　　/**
     *  正在審批查看當前進度
     *  @param receiveData
     *  @return    
     * @exception/throws [違例類型] [違例說明]
     * @see [類、類#方法、類#成員]
     * AND w.Status='20'
     */
    public ReturnData getAuditProgressDetails(ReceiveData receiveData) {

        log.info("=======開始調用getAuditProgressDetails接口=======");
        ReturnData returndata = new ReturnData();
        // 1、獲取token
        String token = receiveData.getValidateData();
        // 2、驗證Token
        // boolean iscorrect = TokenUtil.validateToken(token);
        boolean iscorrect = true;
        if (iscorrect) {
            try {
                log.info("=======開始獲取getAuditProgressDetails接口參數=======");
                // 3、獲取參數
                // 獲取辦件唯一標識
                String projectguid = receiveData.getParam("projectguid".toUpperCase());
                AuditProject auditProject = service.getBeanByguid(projectguid, "AuditProject");
                String pviguid ="";
               
                if(StringUtil.isNotBlank(auditProject)){
                    pviguid = auditProject.getPviguid();
                }
                // 獲取處理過和正在的所有步驟

　　　　　　　　　　// service.getResultListNative為封裝了的dao層即數據庫訪問操作層

                String getAllActivitySql = "select  ActivityGuid from Workflow_WorkItem WHERE ProcessVersionInstanceGuid='"+pviguid+"' group by ActivityGuid  order by max(CreateDate);";
                List<String> activityGuidList=service.getResultListNative(getAllActivitySql);
                
　　　　　　　　　 // 外層list對象,返回JSONObject的list列表
                List<JSONObject> activityJSONObjectList  = new ArrayList<JSONObject>();
                if(activityGuidList.size()>0){
                    for(String activityGuid : activityGuidList){
                        // 外層list對象包含的每個序號的對象
                        JSONObject activityJSONObject = new JSONObject();
                        String getActivityNameByGuidSql = "SELECT ActivityName FROM Workflow_Activity WHERE ActivityGuid='"+activityGuid+"' ";
                        // 要判斷返回Null值情況，避免bug
                        String activityName = StringUtil.isBlank(service.getSingleResultNative(getActivityNameByGuidSql))?"":service.getSingleResultNative(getActivityNameByGuidSql).toString();
                        String judgeIsCurrentActivitySql = "SELECT TOP 1 Status FROM Workflow_WorkItem WHERE Status='20' AND ProcessVersionInstanceGuid='"+pviguid+"' AND  ActivityGuid='"+activityGuid+"' ";
                        String status = StringUtil.isBlank(service.getSingleResultNative(judgeIsCurrentActivitySql))?"":service.getSingleResultNative(judgeIsCurrentActivitySql).toString();
                        if("20".equals(status)){
                            activityName += "(當前處理步驟)";
                        }
                        activityJSONObject.accumulate("activityGuid", activityGuid);
                        activityJSONObject.accumulate("activityName", activityName);
                             
                        
                        // 獲取該步驟下發給的所有接收人
                        String getAllTransactorSql = "select  Transactor from Workflow_WorkItem WHERE ProcessVersionInstanceGuid='"+pviguid+"' AND ActivityGuid='"+activityGuid+"' ";
                        List<String> transactorList=service.getResultListNative(getAllTransactorSql);
                        // 內層的list對象
                        List<JSONObject> ouinfoJSONObjectList = new ArrayList<JSONObject>();
                        if(transactorList.size()>0){
                            for(String transactor : transactorList){
                                // 內層list包含的每個序號的對象
                                JSONObject ouinfoJSONObject = new JSONObject();
                                // 獲取處理部門信息
                                String getOuByUserguidSql = "SELECT * FROM Frame_OU WHERE OUGuid=(SELECT OUGuid FROM Frame_User WHERE UserGuid='"+transactor+"') ";
                                FrameOu frameOu = service.getSingleResultNative(getOuByUserguidSql, FrameOu.class);
                                // 該處理部門名稱
                                String ouname = "";
                                // 該處理部門聯系電話
                                String ouLinkphone = "";
                                // 辦理地址
                                String address = "";
                                ouname = frameOu.getOuname();
                                ouLinkphone = frameOu.getTel();
                                address = frameOu.getAddress();
                                ouinfoJSONObject.accumulate("ouname", ouname);
                                ouinfoJSONObject.accumulate("ouLinkphone", ouLinkphone);
                                ouinfoJSONObject.accumulate("address", address);
                                ouinfoJSONObjectList.add(ouinfoJSONObject);
                            }
                            activityJSONObject.accumulate("ouinfoJSONObjectList", ouinfoJSONObjectList);
                        }
                        activityJSONObjectList.add(activityJSONObject);
                    }
                }
                
                returndata.putUserData("activityJSONObjectList", activityJSONObjectList.toString());
            }
            catch (Exception e) {
                returndata = ReturnData.False(e.getMessage());
                this.log.error(e.getMessage());
            }
        }
        else {
            returndata = ReturnData.False("身份驗證失敗：" + token);
            this.log.error("身份驗證失敗：" + receiveData.getValidateData());
        }
        log.info("=======getAuditProgressDetails接口調用結束=======");
        return returndata;
　　}
    
}