<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>layui</title>

  <meta name="renderer" content="webkit">

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <link rel="stylesheet" href="__STATIC__/add/layui/css/layui.css"  media="all">

  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->

</head>

<body>

<table class="layui-hide" id="test"></table>

<script src="__STATIC__/add/layui/layui.js" charset="utf-8"></script>

<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 --> 

<script>

layui.use('table', function(){

  var table = layui.table;

  table.render({

    elem: '#test'

    ,url:'{:url("Achievementactivity/fenye")}'

    /*,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档

      layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局

      //,curr: 5 //设定初始在第 5 页

      ,groups: 1 //只显示 1 个连续页码

      ,first: false //不显示首页

      ,last: false //不显示尾页

    }*/

    ,cols: [[

      {type:'checkbox'}

      ,{field:'id', title: 'ID', sort: true}

      ,{field:'title', title: '标题'}

      ,{field:'status', title: '状态', sort: true}

      ,{field:'start_time', title: '开始时间'}

      ,{field:'end_time', title: '结束时间', minWidth: 150}

      ,{field:'is_check', title: '核算', sort: true}

    ]]

    ,page: true

  });

});

</script>

</body>

</html>

引入layui即可

PHP：

    //layui分页

    public function layuifenye() {

        return $this->fetch();

    }

    public function fenye() {

        $fy = $_GET;

        if(empty($fy)) {

             $sql = 'select id,title,status,start_time,end_time,is_check from jm_achievement_activity limit 10';

             $list     = Db::query($sql);

             if($list) {

                //查找数据总数量

                $countnum = Db::table('achievement_activity')->field('id,title,status')->count();

                //返回数据 :layui正确的成功状态码应为："code": 0

                return ["code"=>"0","msg"=>"","count"=>$countnum,"data"=>$list];

            }else{

               return ["code"=>"1","msg"=>"失败"];

            }

        }else{

             $page = $fy['page'];

             $limit = $fy['limit'];

             $sql = 'select id,title,status,start_time,end_time,is_check from jm_achievement_activity order by id limit '. $page .','. $limit;

             $list     = Db::query($sql);

             if($list) {

                //查找数据总数量

                $countnum = Db::table('achievement_activity')->field('id,title,status')->count();

                //返回数据 :layui正确的成功状态码应为："code": 0

                return ["code"=>"0","msg"=>"","count"=>$countnum,"data"=>$list];

            }else{

               return ["code"=>"1","msg"=>"失败"];

            }

        }

    }

效果：

layui 后台分页的更多相关文章

  1. 在layui中，新的页面怎么获取另一个页面传过来的数据,并可以对数据进行判断，layui中的后台分页（table）。

    例如:打开一个新页面的同时,传数据. layer.open({ type: 2, title: '新增项目', shadeClose: false, shade: [0.3], maxmin: tru ...

  2. layui(三)——laypage组件常见用法总结

    laypage 的使用非常简单,指向一个用于存放分页的容器,通过服务端得到一些初始值,即可完成分页渲染.核心方法: laypage.render(options)  来设置基础参数. 一.laypag ...

  3. layui二次封装

    最近一直用layui进行页面的重构,这个框架十分适合我们后台人员开发.简单易用,但是layui本身不支持双向绑定,所以很多情况下,我们在支持动态的控件加载时,需要反复刷新.这里我自己封装了一个comm ...

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

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

  5. layui常用方法

    很好用的一个ui组件,弹出,分页等 http://layer.layui.com/ 1 带叉叉的弹窗 layer.open({ type: , title: false, //不显示标题 conten ...

  6. 总结一下项目中遇到的分页问题，使用bootstrap-table来做的后台分页，大家可以借鉴一下 （分页第一篇）

    前台进入bootstrap的js和css文件,我就不多少了,另外要引进bootstrap-table的js和css 废话不多说,直接代码.   框架为ssm,代码很清楚 <div class=& ...

  7. 开源网站.NETMVC+ Layui+SqlSugar+RestSharp

    SugarSite一个前端支持移动端的企业网站,目前只支持了简单功能,后续还会加上论坛等. 源码GIT地址: https://github.com/sunkaixuan/SugarSite 技术介绍 ...

  8. 分页组件 - layui.laypage

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  9. 日期时间组件 - layui.laydate

    全部参数 一.核心方法:laydate(options); options是一个对象,它包含了以下key: '默认值' { elem: '#id', //需显示日期的元素选择器 event: 'cli ...

随机推荐

  1. 了解有后门的sshd服务是如何劫持密码的

    在服务器上安装一个打了后门补丁的sshd服务,当用户连接时,直接把密码记录下来,然后使用脚本发送到邮箱中. (1).实验环境 使用CentOS6.2作为系统环境,查看sshd和gcc的版本 [root ...

  2. Python基于socket模块实现UDP通信功能示例

    Python基于socket模块实现UDP通信功能示例 本文实例讲述了Python基于socket模块实现UDP通信功能.分享给大家供大家参考,具体如下: 一 代码 1.接收端     import ...

  3. LeetCode_258. Add Digits

    258. Add Digits Easy Given a non-negative integer num, repeatedly add all its digits until the resul ...

  4. Delphi XE6 使用定时器或者线程解决程序界面无响应问题

    ---恢复内容开始--- 介绍 在手机应用上,我们不应该使用速度慢的代码,当然我们在桌面程序上也应该避免这个,当手机应用长时间没有相应的时候,程序会提示“程序没响应,是否关闭”的提示,这个非常不好,所 ...

  5. 条件概率和链式法则 conditional probability & chain rule

    顾名思义, 条件概率指的是某个事件在给定其他条件时发生的概率, 这个非常符合人的认知:我们通常就是在已知一定的信息(条件)情况下, 去估计某个事件可能发生的概率. 概率论中,用 | 表示条件, 条件概 ...

  6. HTML布局排版2 div的和图片平铺方便管理

    在HTML里,由于浏览器显示器等差异,浏览器的宽度也会有变化,为了适应不同的宽度,需要用到平铺.例如页面前面的固定的条等,如果是纯色,可以用背景色,如果不是纯色,是渐变等,可以用条状图平铺.常见的布局 ...

  7. k8s SLUB: Unable to allocate memory on node -1 错误

    Try to Fix Two Linux Kernel Bugs While Testing TiDB Operator in K8sWed, May 1, 2019 Wenbo Zhang Auth ...

  8. Session中清除对象方法比较

    转载. https://blog.csdn.net/u014401141/article/details/51816308 Session中清除对象方法比较   http://blog.csdn.ne ...

  9. 迅雷下载敏感资源 迅雷应版权方要求无法下载 μTorrent使用方法（六种方法，值得你看）(22)

    1. 解决方案1 1.1 声明 此方法只适用于迅雷极速版,迅雷X不管用. 修改后下载有些磁力链接或种子,依然无反应.不是说该方法无效,而是有些种子资源不佳,很难下载,需要等半天才能连接上开始下载.如果 ...

  10. Linux基础-08-进程控制

    1. 系统监视和进程控制工具—top和free 1) top命令的功能:top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器. 2) ...