当前位置: 首页 > 工具软件 > JFinal-layui > 使用案例 >

mysql实现layui分页_jfinal结合layui实现分页功能

仉高昂
2023-12-01

1、layui的分页,本来准备用table+laypage,尝试失败,后面我还会继续尝试。这里我主要用方法级渲染的方式,代码如下:

查看

编辑

删除

table.render({

elem: '#userTable' //指定原始表格元素选择器(推荐id选择器)

,height: 315 //容器高度

,url:'/user/userJson'

,cols:[[ //标题栏

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

,{field:'user_name', width:120,title: 'ID'}

,{field:'email', width:120,title: 'ID'}

,{field:'telephone', width:120,title: 'ID'}

,{field:'adress', width:120,title: 'ID'}

,{field:'sex', width:120,title: 'ID'}

,{field:'name', width:120,title: 'ID'}

,{fixed: 'right', width:250, align:'center', toolbar: '#userBar'}

]]

,page: true

,limits: [30,60,90,150,300]

,limit: 2

});

这里只要指定 ,page: true和limit,layui就会自动将返回的数据根据limit(即每行显示的数据条数)及后台数据设置的count进行分页,分成count/limit页

2、jifnal分页如下所示:

public Page getUserList(int pageNumber,int pageSize) {

SqlPara sqlPara = dao.getSqlPara("sys.getUserList");

Page userList = dao.paginate(pageNumber, pageSize, sqlPara);

return userList;

}

到这里我们要将这个数据转换成layui需要的数据格式再返回,如下所示:

public void userJson(){

int pageNumber = getParaToInt("page");//当前页

int pageSize = getParaToInt("limit");//每页显示的数据条数

Page userList = userService.getUserList(pageNumber,pageSize);//获得用户信息

MyPage page = new MyPage();

page.setCode(0);

page.setCount(userList.getTotalRow());

page.setMsg("");

page.setData(userList.getList());

renderJson(page);

}

至此:jfinal结合layui实现分页功能实现

 类似资料: