1. 导入pagehelper

编辑 pom.xml，添加

com.github.pagehelper

pagehelper

${pagehelper.version}

2. 配置pagehelper

编辑spring-mybatis.xml，添加”plugin” -> “pagehelper”

dialect=mysql

3. LayUI前端View界面

数据表格开启分页功能：page:truetable.render({

elem: '#test'

,url:'/people/people.json'

,toolbar: '#toolbarDemo'

,title: '用户数据表'

,cols: [[

{type: 'checkbox', fixed: 'left'}

,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true}

,{field:'userName', title:'用户名', width:120, edit: 'text'}

,{field:'email', title:'邮箱', width:150, edit: 'text', templet: function(res){

return ''+ res.email +''

}}

,{field:'sex', title:'性别', width:80, edit: 'text', sort: true}

,{field:'city', title:'城市', width:100}

,{field:'sign', title:'签名'}

,{field:'experience', title:'积分', width:80, sort: true}

,{field:'ip', title:'IP', width:120}

,{field:'logins', title:'登入次数', width:100, sort: true}

,{field:'joinTime', title:'加入时间', width:120}

,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}

]]

,page: true

});

4. 后台实现

ServiceImpl@Override

public Map getMapAll(int page, int limit) {

PageHelper.startPage(page, limit);

List peopleList = peopleMapper.getAll(); // 从数据库中返回people表的所有信息

PageInfo pageInfo=new PageInfo(peopleList); // pagehelper进行封装

Map map=new HashMap();

map.put("code",0);

map.put("msg","");

map.put("count",pageInfo.getTotal()); // pagehelper包装

map.put("data",pageInfo.getList()); // pagehelper包装

return map;

}转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 [email protected]