tp5+layui实现分页

最新推荐文章于 2022-12-23 17:45:44 发布

叶落无痕123

最新推荐文章于 2022-12-23 17:45:44 发布

阅读量1.2k

点赞数

分类专栏： layui TP5

原文链接：https://www.cnblogs.com/wentutu/p/8763405.html

版权

TP5 同时被 2 个专栏收录

63 篇文章 2 订阅

订阅专栏

layui

22 篇文章 1 订阅

订阅专栏

layui和thinkphp5自己在百度上下载

html代码

    <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>分页</title>
  <link rel="stylesheet" href="layui-v2.2.5/layui/css/layui.css">
</head>
<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 src="layui-v2.2.5/layui/layui.js"></script>
<script>
	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}
     
    ]]
    
  });
});
</script>



</body>
</html>

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];
    }

效果图

叶落无痕123

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
tp5+layui实现分页

layui和thinkphp5自己在百度上下载html代码 <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>分页</title> <link re
复制链接

扫一扫