SpringBoot+layui表格数据分页
发布时间
阅读量:
阅读量
首先引入分页插件maven依赖
注意–使用mybatis-plus时,该插件失效,使用mybatis才可正常使用
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper-spring-boot-starter</artifactId>
<version>1.2.10</version>
</dependency>
前端页面书写
layui.use('table', function(){
var table = layui.table;
table.render({
elem: '#dates'
,url:'/admin/selectusertable'
,totalRow: true //开启合计行
,limit:5 //默认为10
,limits:[5,10,15,20,25] //显示的几页
,cols: [[
{field:'id', width:50, title: '编号', sort: true} //sort:true页面可进行排序操作
,{field:'username', title: '用户名'}
,{field:'email',width:170, title: '邮箱', sort: true}
,{field:'password',width:170, title: '密码'}
,{field:'birthder',width:170, title: '注册时间'}
,{field:'level',width:100, title: '等级', templet: function(d){
var str = '';
if(d.level==1){str='普通用户';}
else if(d.level==2){str='管理员';}
return str;
}
}
,{field:'level',width:100, title: '操作',templet: function(d){
return '<a class="layui-btn layui-btn-xs layui-btn-danger" οnclick="dele('+d.id+');">删除</a>';
}
}
]]
,page: true
,done:function(res, curr, count){ //数据的回调用,可不写
}
});
});
接下来时Controller实现
//获取用户信息列表
@RequestMapping(value = "/selectusertable2")
@ResponseBody public Map<String,Object> selectByFy12(HttpSession session, @RequestParam(required=false,defaultValue="1") int page,
@RequestParam(required=false) int limit) {
// 使用Pagehelper传入当前页数和页面显示条数会自动为我们的select语句加上limit查询
// 从他的下一条sql开始分页
PageHelper.startPage(page, limit);
List<User> users = userService.getuserlist();// 这是我们的sql // 使用pageInfo包装查询
PageInfo<User> rolePageInfo = new PageInfo<>(users);//
Map<String,Object> map=new HashMap<String,Object>();
map.put("code",0);
map.put("msg","");
map.put("count",rolePageInfo.getTotal());
map.put("data",rolePageInfo.getList());
return map;
}
sql语句书写
select * from User;
全部评论 (0)
还没有任何评论哟~
