分页功能的实现

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语句如下

效果如下图