layui+tp5实现table分页展示

layui提供了很多现成的模板，今天总结一下layui表格的分页展示。
1.前端页面：
先引入必要的layui.js和css文件。可去官网下载：https://www.layui.com/。
代码如下：

2.后台
在tp5 Controller层需要通过Mode实例化对象连接数据库查询表中的数据，然后以layui table的特定数组格式返回给前台，通过渲染实现数据的分页。
代码如下：

 public function showUser(){
        
   //获取总条数
       $list = Users::all(); 
       $count=count($list);
       
       //获取每页显示的条数
       $limit= Request::instance()->param('limit');
       //获取当前页数
       $page= Request::instance()->param('page');
     //计算出从那条开始查询
       $tol=($page-1)*$limit;
       // 查询出当前页数显示的数据
       $list = db('users')->limit($tol,$limit)->select();
       //返回数据
       $arr=array();
       $arr['code']=0;
       $arr['msg']="";
       $arr['count']=$count;
       $arr['data'] = $list;

       $arr_json=json_encode($arr);
        echo  $arr_json;

    
    }

访问controller 层的showUser方法可以看到数组格式的数据：

虽然中文格式乱码了，但是不用担心，只要你数据库设置的编码格式是utf-8并且前台也是中文编码就没问题。需要特别注意的是返回的数据格式必须要让table支持才可以，不然就会报接口错误。默认格式如下：

默认接受的数据格式
{
  code: 0,
  msg: "",
  count: 1000,
  data: []
} 

后台已经得到数据，需要写一个方法先返回view层页面通过接口访问controller层方法获得数据才可以渲染：

 public function returnShowUser()
    {
        //         return $this->fetch();
         
        return view('showUser');
    }

然后输入地址：localhost/index.php/admin/index/returnShowUser 就可以看到成功分页了！

好了，就写到这里。如果有疑问可直接回复！