首先是后台的分页插件pagehelper,简单的示例用法
pageNum当前页,pageSize每页显示的条数
public PageInfo getPatentList(int pageNum, int pageSize) { PageHelper.startPage(pageNum,pageSize); List<Map<String, Object>> list = resourceMapper.getList(); PageInfo pageInfo = new PageInfo(list); return pageInfo; }
前台需要引入 jquery.pagination.js 和 pagination.css 可以自己去网上下载 这里是我之前下载好的资源 https://download.csdn.net/download/weixin_44596858/12341014
function productSelf(){
$.ajax({
url:"",
type:"post",
data:{"pageNum":$("#pageNumSelf").val(),"pageSize":$("#pageSizeSelf").val()},
dataType:"json",
success:function(result){
$('.paginationSelf').pagination({
totalData: result.total,
showData: result.pageSize,
current:result.pageNum,
pageCount:result.pages,
coping: true,
callback: PageCallbackSelf//回调方法
});
var listData = result.list;
var str = '';
$("#ulSelf").html(str);
for (var index in listData){
}
$("#ulSelf").html(str);
}
});
}
//回调方法
function PageCallbackSelf(page_index,jq){
$("#pageNumSelf").val(page_index.getCurrent());
productSelf();
}