thinkphp5.1与layui table表格使用

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

第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');
}}