layui结合php实现分页,tp5+layui实现分页

####layui和thinkphp5自己在百度上下载 #####html代码

分页

数据分页

layui.use('table', function(){

var table = layui.table;

table.render({

elem: '#test'

,url:'pagedata'

,page: { //支持传入 laypage 组件的所有参数(某些参数除外，如：jump/elem) - 详见文档

layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局

//,curr: 5 //设定初始在第 5 页

,limit:5 //一页显示多少条

,limits:[5,10,15]//每页条数的选择项

,groups: 2 //只显示 2 个连续页码

,first: "首页" //不显示首页

,last: "尾页" //不显示尾页

}

,cols: [[

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

,{field:'username', width:100, title: '用户名'}

,{field:'password', width:100, title: '密码'}

,{field:'age', width:80, title: '年龄',sort: true}

]]

});

});

####php代码

/**

分页

*/

public function pagedata(){

//获取总条数

$list = User::all();

$count=count($list);

//获取每页显示的条数

$limit= Request::instance()->param('limit');

//获取当前页数

$page= Request::instance()->param('page');

//计算出从那条开始查询

$tol=($page-1)*$limit+1;

// 查询出当前页数显示的数据

$list = User::where("id",">=","$tol")->limit("$limit")->select()->toArray();

//返回数据

return ["code"=>"0","msg"=>"","count"=>$count,"data"=>$list];

}

####效果图

###犯了一个错误，不应该把密码查出来的，本人太难，不想改了