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

    }

效果图

犯了一个错误，不应该把密码查出来的，本人太难，不想改了

tp5+layui实现分页的更多相关文章

  1. LayUI分页，LayUI动态分页，LayUI laypage分页，LayUI laypage刷新当前页

    LayUI分页,LayUI动态分页,LayUI laypage分页,LayUI laypage刷新当前页 >>>>>>>>>>>> ...

  2. 项目总结17-使用layui table分页表格

    项目总结17-使用layui table分页表格总结 前言 在项目中,需要用到分页的表格来展示数据,发现layui的分页表格,是一个很好的选择:本文介绍layui table分页表格的前后端简单使用 ...

  3. Layui Table 分页记忆选中

    Layui Table 分页记忆选中 挺好的功能,之前为什么放弃了,哈哈哈! 在最早的版本中,layui 的 table 会记录每页的勾选状态,但很多用户反馈这是 bug,因为当他们获取选中数据时,其 ...

  4. layui的分页

    layui的分页需要后台配合,这边我使用的是pagehelper @RequestMapping("findGoods") private String findGoods(Int ...

  5. tp5 使用paginate分页获取数据对象之后 如何对对象进行数据添加

    tp5 使用paginate分页获取数据对象之后 如何对对象进行数据添加 大家都知道,在使用tp5的paginate获取分页数据之后,得到的是一个数据对象,但有时会碰到要对数据对象进行二次加工的情况, ...

  6. layui table 分页 序号始终从”1“开始解决方法

    在用Layui table 分页显示数据,用 type:"numbers" 进行显示序号有以下的问题 1.表格自带的分页,page:true 这种分页,在切换页面的时候序号可以正常 ...

  7. MUI 结合layui实现分页

    mui自带有分页,在ui上我还是认为layui的友好点. 第三方插件: template-web.js-----------------前端数据绑定 layui.js.layui.css------- ...

  8. Spring Boot mybatis HashMap +layui 通用分页

    背景: mybatis 常用数据查询的方法都是先建实体类,再建Mapper,最后写Service,如果只是单纯的去查询数据显示,这样操作太麻烦.本文就以mybatis +layui创建通用分页类,简化 ...

  9. tp5+layui 实现上传大文件

    前言: 之前所写的文件上传类通常进行考虑的是文件的类型.大小是否符合要求条件.当上传大文件时就要考虑到php的配置和服务器的配置问题.之前简单的觉得只要将php.ini中的表单上传的 大小,单脚本执行 ...

随机推荐

  1. C++入门经典-例3.19-使用break跳出循环

    1:代码如下: // 3.19.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <iostream> usin ...

  2. shiro所需的依赖

    <dependency> <groupId>org.apache.shiro</groupId> <artifactId>shiro-spring< ...

  3. Linux常用命令及操作（第二弹）

    Ctrl l清屏 Ctrl d关闭终端 Ctrl Alt T打开终端 pwd 查看当前的目录 Shift Ctrl C复制 Shift Ctrl V粘贴 Shift Ctrl N打开新的终端 F11 ...

  4. sshd_config已修改，ssh还是无法远程问题解决

    环境:vmware下的debian10.2 /etc/sshd/sshd_config 配置文件已经完成修改开启允许root账号登录配置 ssh远程返回如下信息: [Administrator.NIH ...

  5. 数字 kotlin (1)

    数字Kotlin 处理数字在某种程度上接近 Java,但是并不完全相同.例如,对于数字没有隐式拓宽转换(如 Java 中 int 可以隐式转换为 long ——译者注),另外有些情况的字面值略有不同. ...

  6. day7_集合，深浅copy

    一.集合 集合是无序的,不重复的数据集合,其元素为可哈希(不可变类型),但是集合本身是不可哈希(所以集合做不了字典的键).以下是集合最重要的两点: 去重,把一个列表变成集合,就自动去重了. 关系测试, ...

  7. KVM 开启嵌套虚拟化

    问题 在 CentOS KVM 上启动虚拟机来部署 OpenStack 测试环境,在启动具有 CPU 绑定.NUMA 亲和的虚拟机时触发错误: libvirtError: Requested oper ...

  8. Selenium 2自动化测试实战8（控制浏览器）

    一.控制浏览器 1. 控制浏览器窗口大小 webdriver提供了set_window_size()方法来设置浏览器的大小 #test.py #coding:utf-8 from selenium i ...

  9. 阶段3 2.Spring_06.Spring的新注解_5 spring的新注解-PropertySource

    数据库的链接 次数是写死的 新建配置文件 定义成员变量 value注解实现 与配置文件的key对应 PropertySource 要想让spring去读取这个配置文件 resource编译后都跑到了. ...

  10. P3367 【模板】并查集

    喵呜~~(题面) 这题其实很早就过了,但是呢,以前过的时候真的基本上是CtrlC+CtrlV,这次把代码重新码了一遍,对并查集也有了一个基本清晰的认识 #include<iostream> ...