要实现的效果如下,文末会贴出全部代码
1，注意的地方(url参数)
2,html注意要添加ID
3,后端代码
下面填出全部代码，方便复制粘贴
{include file="common/header"}
<body class="layui-layout-body">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>数据分页</legend>
</fieldset>
<table class="layui-hide" id="test" lay-size="sm"></table>
<script>
layui.use('table', function(){
var table = layui.table;
table.render({
elem: '#test'
,url:'http://www.test.com/admin/test/test5'
,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
//,curr: 5 //设定初始在第 5 页
,limit:10 //一页显示多少条
,limits:[5,10,15]//每页条数的选择项
,groups: 2 //只显示 2 个连续页码
,first: "首页" //不显示首页
,last: "尾页" //不显示尾页
}
,cols: [[
{field:'id', width:80, title: 'ID', sort: true}
,{field:'title', width:100, title: 'title'}
,{field:'urls', width:200, title: '允许访问的链接'}
,{field:'updated_time', width:200, title: '更新时间'}
,{field:'created_time', width:200, title: '创建时间',sort: true}
]]
});
});
</script>
</body>
</html>
//layui分页(代理登录日志)
public function page(Request $request)
{
$page = $request->param('page'); //获取当前页数
$limit = $request->param('limit'); //获取每页显示的条数,前端默认传10
$start = $limit * ($page - 1); //计算出从那条开始查询
$count= AgentLogModel::count('id'); //获取总条数
$list = AgentLogModel::limit($start, $limit)
->order("created_at desc")
->select();
return ["code"=>"0","msg"=>"","count"=>$count,"data"=>$list];
}
2572
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
