步骤
1.用户发出请求,传递条件
2.SpringMVC获取条件,数据库查询,传回结果
3.ajax得到数据进行处理,最终呈现
HTML设计
<!---分页查询-->
<div class="tab-pane active in " id="add-get-bill">
<!--表格-->
<div>
<table class="table table-condensed table-hover table-striped" id="viewPageTable" style="width: 100%;table-layout:fixed;word-wrap:break-word;font-size: 15px;">
<tr>
<th hidden="hidden">id</th>
<th width="200px">时间</th>
<th width="200px">操作IP</th>
<th width="200px">操作人</th>
<th>操作内容</th>
</tr>
<tbody id="viewPageBody"></tbody>
</table>
</div>
<!--分页导航栏-->
<div class="page_nav">
<span>总共<span id="pageTotalSizeLabel"></span> 页</span>
<button class="pageButton" value="firstPage">首页</button>
<button class="pageButton" value="pageUp">上一页</button>
<button class="pageButton" id="labOne"></button>
<button class="pageButton" id="labTwo"></button>
<button class="pageButton" id="labThree"></button>
<button class="pageButton" id="labFour"></button>
<button class="pageButton" id="labFive"></button>
<button class="pageButton" value="pageDown">下一页</button>
<button class="pageButton" value="lastPage">尾页</button>
</div>
</div>
java后台获取数据,进行分页处理
/**
* 查询当月记录
* */
@ResponseBody
@RequestMapping(value = "/findLogPageMonth/{logMonth}/{pageNumber}",method = RequestMethod.GET,produces = "text/html;charset=UTF-8")
public String findLogPageMonth(@PathVariable("logMonth")String logMonth,@PathVariable("pageNumber")int pageNumber,Map<Object,Object>map){
try{
int pageTotalNumber=0; //数据记录总条数
int pageSize=0; //总页数
int k = 0; //循环判断条件
List<EntityLog> entityLogList=null;
List<EntityLog> entityLogListTwo=new ArrayList<>();
entityLogList=userService.findLogMonth(logMonth); //查询取出该条件下数据库所有记录
//得到总记录数
pageTotalNumber=entityLogList.size();
//得到总页数,每一页10条记录
if(pageTotalNumber%10==0){
pageSize=pageTotalNumber/10;
}else{
//有余数,那么总页数要+1
pageSize=pageTotalNumber/10+1;
}
//对页面传回的页数进行判断
if(pageNumber<=pageSize) {
/**
* 根据访问的页数,取得相应数据
* i:表示从哪里开始取数据
* pageNumber*10:表示现在第几条记录
* */
for (int i = pageNumber * 10 - 10; i < pageTotalNumber; i++, k++) {
if (k < 10) {
//把数据从原来List集合中,转移到新的List集合
entityLogListTwo.add(entityLogList.get(i));
}
}
//把信息放在map中,传回用户界面
map.put("pageSize",pageSize);
map.put("dataList", entityLogListTwo);
map.put("RESULT_STATUS", "SUCCESS");
}else {
//超出总页数,传回错误信息
map.put("RESULT_STATUS","MORE_THAN_PAGENUMBER");
}
}catch (Exception e){
e.printStackTrace();
map.put("RESULT_STATUS","EXCEPTION");
}
retur