<script type="text/javascript" src="js/jquery.min.js?v=2.1.4"></script>

<script type="text/javascript" src="js/bootstrap.min.js?v=3.3.6"></script><link rel="stylesheet" href="css/bootstrap.min14ed.css?v=3.3.6">

<script type="text/javascript" src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script><link rel="stylesheet" href="css/plugins/bootstrap-table/bootstrap-table.min.css">

<div class="table"> <table id="publish_model"></table> </div>

//這里是js的具體代碼的樣式處理dynamicTable = $("#publish_model").bootstrapTable("destroy").bootstrapTable({  url: "model/getPublishModel",             striped: true,             pagination: true,   singleSelect: true,  clickToSelect: true,   pageNumber:1,        pageSize: 10,        pageList: [5, 10, 20],   sidePagination: "server",  queryParamsType: "limit",  queryParams: getPageMessage,  minimunCountColumns: 2,  height:$(window).height()*0.85,  columns:[{   field:"modelName",   title:"模型名稱",   align: "center",  },{   field:"modelDescription",   title:"模型描述",   align: "center"  },{   field:"executeType",   title:"執行類型",   align: "center"  },{   field:"typeName",   title:"模型類型",   align: "center"  },{   field:"price",   title:"價格",   align: "center"  },{   field:"publishDate",   title:"發布時間",   align: "center",   formatter: function(v){     var date = new Date(v).format("yyyy-MM-dd hh:mm:ss");     return "<span>"+date+"</span>";   }  },{   field:"shortcutOperation",   title:"快捷操作",   align: "center",   formatter: function(v,r,i){    var str = "<div class='btn-group'>"+       "<button id="+r.modelId+" class='btn btn-success btn-xs' onclick='applyReason(/""+r.modelId+"/")'>申請權限</button>"+       "</div>"    if(r.status=='00'){     var str = "<div class='btn-group'>"+        "<button class='btn btn-success btn-xs' style='background:#ccc;border-color:#ccc;' >已申請</button>"+        "</div>"    }    return str;   }  }] });//傳遞參數到后臺function getPageMessage(params){ var temp={  limit: params.limit,  offset: params.offset,  modelName:$("#model_name").val(),  typeId:$("#modelType").val() }; return temp;}

@RequestMapping("/getPublishModel") @ResponseBody public Map<String, Object> getModelPublishList(Integer limit,Integer offset,String modelName,String typeId,HttpServletResponse response) throws IOException{  //設置相應數據格式  response.setContentType("application/json;charset=utf-8");  try {   // 獲取相應數據   Map<String, Object> modelList = modelManager     .getModelPublishListData(limit, offset, modelName,typeId);   return modelList;  } catch (Exception e) {   e.printStackTrace();   throw e;  } finally {   HibernateSessionFactory.closeSession();  } }

Map<String, Object> map = new HashMap<String,Object>();map.put("total", "分頁時采用的數據總條數");//這里可以單獨寫一個sql來實現總條數map.put("rows", "數據的list集合");//這里可以獲取相對應的數據

List list = querySql.setResultTransformer(Transformers.ALIAS_TO_ENTITY_MAP).list();//這是我用hibernate執行的map結果會自動封裝成Map