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

thinkphp5.1与layui table表格使用的更多相关文章

  1. layui table 表格模板按钮实例

    这是个是全部的jsp 页面: <%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8& ...

  2. layui table 表格查询无效问题

    [热身话题] 在开发的过程中,大量数据的展示大多采用表格的方式,直观,清晰.在这里,我也使用过一些框架Bootstrap.table ,Dev table ,layui table.本次采用的layu ...

  3. layui table表格详解

    上次做table有些东西 忘记了 这次当作来个分析总结一下  跟大家共同学习 闲话不多说 直接上例子   代码: <form id="form1" runat="s ...

  4. layui table 表格上添加日期控件

    方法一: var tableInit = table.render({ elem: '#tbtxrz' , method: 'post' , data: jsonData , height: &quo ...

  5. LayUI table表格控件 如何显示 对象中的属性（针对Mybatis的级联查询--一对一情况）

    1.entity如下: 2.Mybatis的Mapper.xml文件如下 <resultMap id="BaseResultMapPlus" type="dicIt ...

  6. layui table表格字段过长，展示不完整时，鼠标放到上面展示完整信息

    亲测可以直接用 1.首先每个列都有一个title,里面放入完整信息,然后写一个如下的function, function tdTitle(){ $('th').each(function(index, ...

  7. layui table表格 表头与内容列错位问题（只有纵向滚动条的情况）

    版本2.4.5 问题展示: 存在问题:正好错位一个纵向滚动条的宽度 思路: 仔细观察th元素及th包裹的子元素div 如下图 发现th宽度莫名的就多了5px  我就纳闷了 解决方案:到table.js ...

  8. 由于ie浏览器ajax缓存 导致layui table表格重载失败的解决办法

    where: { time:new Date()//增加一个数据接口的额外参数→时间戳 }

  9. layui-table-column-select（layui数据表格可搜索下拉框select）

    layuiTableColumnSelect 在layui table的基础上对表格列进行扩展:点击单元格显示可搜索下拉列表. 码云地址:https://gitee.com/yangqianlong9 ...

随机推荐

  1. 资源管理神器Clover

    开开心心地上班,这时你得打开我的电脑,点进D盘,打开某个项目;然后还得打开XX文档,还有.... 最后的最后,你的桌面便成了这个样子 每天你都得天打开多个文件夹,切换时找文件找的晕头转向而烦恼. 每天 ...

  2. 【C语言编程入门】Do you know 函数？不知道了吧，我来告诉你！

    ☆ 函数 在前面我们已经讲过了一些简单的函数,如程序的主函数main().标准输出函数printf().在C语言中,大多数功能都是依靠函数来实现的.But,你知道什么是函数吗?我猜你肯定不知道. 那么 ...

  3. 四年了自学了C/C++那么久，还写不出项目，正常吗？

    前言: 这是之前在V2EX职场话题里看到的一个话题,类似的小编身边人呢也有相似的困扰. 现在大学里基本都开设了计算机课程,看了那么多相关知识性的书,但学了四年出来,仍然写不出项目,这肯定是有问题的. ...

  4. docker 启动redis/nginx

    1.docker 启动redis   # redis docker run -itd --name redis-test -p 16379:6379 redis   2.docker 启动nginx ...

  5. php+nginx 整合

    php编译 https://www.cnblogs.com/php-linux/p/12360858.html nginx编译 https://www.cnblogs.com/php-linux/p/ ...

  6. JS时间扩展插件

    前言 原生JS有些没定义的方法只能自己封装了,比如获取现在相隔本年过了几天以及过了多少周,这些都是原JS里没有的方法,现在插件只有一些方法,后期再慢慢扩展 插件使用方法 引用TimeToPack.js ...

  7. 第12天 | 12天搞定Python，让excel飞起来

    学了10多天Python基础知识了,是时候来点硬货了,看过<第1天 | 12天搞定Python,告诉你有什么用?>的老铁都知道,Python可用的领域挺多的.只是我长期待在企业,所以只能说 ...

  8. poj 2229 一道动态规划思维题

    http://poj.org/problem?id=2229 先把题目连接发上.题目的意思就是: 把n拆分为2的幂相加的形式,问有多少种拆分方法. 看了大佬的完全背包代码很久都没懂,就照着网上的写了动 ...

  9. RocketMQ消息丢失解决方案：同步刷盘+手动提交

    前言 之前我们一起了解了使用RocketMQ事务消息解决生产者发送消息时消息丢失的问题,但使用了事务消息后消息就一定不会丢失了吗,肯定是不能保证的. 因为虽然我们解决了生产者发送消息时候的消息丢失问题 ...

  10. KVM虚拟化管理平台WebVirtMgr部署及使用

    KVM虚拟化管理平台WebVirtMgr部署及使用   需求: 公司机房有一台2U的服务器(64G内存,32核),由于近期新增业务比较多,测试机也要新增,服务器资源十分有限.所以打算在这台2U服务器上 ...