1、从http://www.jq22.com/jquery-info18839网站下载分页插件。已经保存到百度网盘地址:
链接:https://pan.baidu.com/s/1UNbICBGMXO6Hjc9CfomD7A 密码:ddnq
2、个人会员列表页面引入simplePaging.css和simplePaging.min.js
3、新增如下js:
var totalCount = parseInt($("#total").val());
if(totalCount>10){
$(".showPagePaging").simplePaging({
allPage: parseInt($("#pages").val()), //总页数
showPage: 5,//显示页数
startPage: 1,//第一页页码数字
initPage: parseInt($("#page").val()),//加载完毕自动跳转到第n页(初始化激活页)
initPageClick:false,//每次页面加载完毕后,是否触发initPage页的绑定事件
first: "首页",//首页显示字符
last: "尾页",//尾页显示字符
prev: "«",//上一页显示字符
next: "»",//下一页显示字符
showTurnTo: true,//是否显示跳转按钮,true显示,false不显示
animateType: "jumpy",//过渡模式:动画“animation”、跳动“jumpy”、快速移动“fast”、正常速度移动“normal”、缓慢的速度移动“slow”、异常缓慢的速度移动“verySlow”
callBack: function (num) {
$("#page").val(num);
$("#grhyForm").submit();
}
})
}
4、在body结束标签上面插入
5、页面中加入隐藏域:
6、提交至后台获取分页信息
7、action类中方法如下
8、mapper.xml语句如下
效果如下图