利用sui实现分页功能

先把相应的js和css引入，在把配置的方法写好，在页面的底部加上一个div   <div id = "div1"></div>

然后在页面上加入插件的相应API

$(‘#div1‘).pagination({
pages: ${totalPage },//总页数
styleClass: [‘pagination-large‘],
showCtrl: true,
displayPage: 6,
currentPage:${currentPage },//当前页数
onSelect: function (num) {
//跳转到点击的页面
location.href="http://www.mamicode.com/admin/login/list?page="+num
}
});

后台也要加入相应的代码，把数据从数据库中查询出来详情参照http://www.cnblogs.com/xianan87/p/3948816.html里面的方法进行配置的

遇到的问题：1.就是当我们点击页面上的第几页时，不知道怎么把当前页面设置为默认选中。

解决方法：插件中有相应的API，把这个API加入就可以实现这功能currentPage:${currentPage },//当前页数

2.后台没有加入判断当输入的页数大于总页数时，应当显示最后一页。在后台加入

if(null == page)
{

//页面初始的时候page没有值
page = "1";
} else if(Integer.parseInt(page) > pageTimes) {
page = String.valueOf(pageTimes);
}

分页功能