第1部分：layui 的 html代码,
即第2部分 thinkphp 控制器方法 index/Dataz/returnShowUser 的view页面
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>table模块快速使用</title> <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all"> </head> <body> <table id="demo" lay-filter="test"></table> <script src="/layuiadmin/layui/layui.js"></script> <script> layui.use('table', function(){ var table = layui.table; //第一个实例 table.render({ elem: '#demo' ,height: 312 ,url: '{:url('index/Dataz/index')}' //数据接口 ,page: true //开启分页 ,limit:6 ,cellMinWidth: 30 ,cols: [[ //表头 {field: 'id', title: 'ID', sort: true, fixed: 'left'} ,{field: 'username', title: '用户名'} ,{field: 'create_time', title: '创建时间', sort: true} ,{field: 'email', title: '邮箱'} ,{field: 'phone', title: '手机'} ,{field: 'face_img', title: '头像地址',} ,{field: 'userip', title: 'IP', sort: true} ,{field: 'status', title: '状态', } ,{field: 'update_time', title: '更新时间', sort: true} ]] }); }); </script> </body> </html>
第2部分：thinkphp 控制器 方法
<?php namespace app\index\controller; use think\Controller; use \app\common\model\Useradmin as Useradmin; class Dataz extends Controller { public function index() { //获得数据总数 $useradmin = new Useradmin(); $user = $useradmin->order('id','asc')->select(); $allcount = count($user); //获取传递的分页参数 $page=request()->param('page'); $limit=request()->param('limit'); $start=$limit*($page-1); //分页查询 $userpage = $useradmin->order('id','asc')->limit($start,$limit)->select(); $res = [ 'code'=>0, 'msg'=>'返回成功', 'count'=>$allcount, 'data'=>$userpage ]; return json($res); } public function returnShowUser(){ return view('index'); } }
第3部分：完成预览，访问{:url('index/Dataz/returnShowUser')}