一、layui的分頁,原本準備用table+laypage,嘗試失敗,後面我還會繼續嘗試。這裏我主要用方法級渲染的方式,代碼以下:html
<table id="userTable"></table> <script type="text/html" id="userBar"> <a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="detail">查看</a> <a class="layui-btn layui-btn-mini" lay-event="edit">編輯</a> <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">刪除</a> </script> 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頁java
二、jifnal分頁以下所示:sql
public Page<User> getUserList(int pageNumber,int pageSize) { SqlPara sqlPara = dao.getSqlPara("sys.getUserList"); Page<User> userList = dao.paginate(pageNumber, pageSize, sqlPara); return userList; }
到這裏咱們要將這個數據轉換成layui須要的數據格式再返回,以下所示:ui
public void userJson(){ int pageNumber = getParaToInt("page");//當前頁 int pageSize = getParaToInt("limit");//每頁顯示的數據條數 Page<User> userList = userService.getUserList(pageNumber,pageSize);//得到用戶信息 MyPage<User> page = new MyPage<User>(); page.setCode(0); page.setCount(userList.getTotalRow()); page.setMsg(""); page.setData(userList.getList()); renderJson(page); }
至此:jfinal結合layui實現分頁功能實現url