layui+thinkphp5.1实现分页(非动态表格)

框架:前段layui 后端thinkphp5.1

js:layui

laypage.render({  elem:‘paging‘
  //数据总数
  ,count:{$total_num}
  //当前页面大小
  ,limit:{$pageSize}
  //当前页
  ,curr:{$page}
  ,jump:function(obj,frist){
    if(!frist){
      window.location.href = ‘/index/user/list_user?page=‘+obj.curr;
    }
  }}); 

php:thinkphp5.1

//设置当前页显示条数
$data[‘pageSize‘] = 100;
//设置当前页页码
$data[‘page‘] = max(1,(int)input(‘get.page‘));
//1获取用户信息
$dataUser = Db::table(‘user‘)->paginate($data[‘pageSize‘]);
$data[‘user‘] = $dataUser->items();
$data[‘total_num‘] = $dataUser ->total();  

分页的实现必须要:1.数据总数 2.页面显示数据条数 3.当前页 4.点击跳转

实现步骤:1.数据库获取数据,tp5.1 给我们提供了一个很好的方法   Db::table(‘table_name‘)->paginate(pageSize) ; 返回的是一个对象,

这里我们主要用到两个对象:items (当前页面数据)、total(总数据条数)

回到前端页面 当点击跳转按钮时出发 jump 方法 ,obj .curr  为跳转页面  当首次时不执行

原文地址:https://www.cnblogs.com/baboben/p/11937046.html

时间: 2024-10-10 15:06:12

layui+thinkphp5.1实现分页(非动态表格)的相关文章

Hibernate与Jpa的关系,以及使用分页和动态查询

最近由于项目调动,我去了使用JPA的项目组, 因为之前的项目组使用MyBatis,所以一时间关于JPA和Hibernate的知识体系记得不熟,导致出现了混乱:在网上看到了这篇文章,终于解决了我心中的疑惑:JPA是一种规范,Hibernate实现了这种规范 . 这篇短小精悍的文章给了我很多的启发,于是,我把它"复制"到了本文! http://blog.sina.com.cn/s/blog_5f1619e80100yoxz.html 我知道Jpa是一种规范,而Hibernate是它的一种实

jQuery的下面是动态表格动态表单中的HTML代码

动态表格动态表单中的Jquery代码 <script type="text/javascript" src="/include/jquery/jquery-1.1.3.1.pack.js"></script><script language="javascript">$("#addjobline").css("cursor","pointer");$(

ArcGIS插入动态表格

ESRI Producting Mapping arcgis插入动态表格,制图时插入动态表格,Esri Mapping and Charting Solutions ArcGIS插入动态表格 点击学习系统教程

html动态表格

1 <table id="opttb"> 2 <asp:Repeater ID="tempOptions" runat="server"> 3 <ItemTemplate> 4 <tr ondblclick="tt(this)"> 5 <td><%#Eval("XH")%></td> 6 <td><%#Ev

第五周(生成动态表格)

这是这周敲的一段代码,继续努力!知道怎样生成动态表格啦,以后做个人网页的时候或许能用到呢. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &

在&lt;s:iterator&gt;标签里给动态表格添加序号

在<s:iterator>标签里给动态表格添加序号,需要用到<s:iterator>标签里的Status属性里的count eg:<s:iterator value="" var="" status="st">                            <tr>                                <td><s:property value=&

5.11-5.15javascript制作动态表格

制作动态表格的主要是运用js中表格类的insertRow.insertCell简易添加行和列的代码,不过要注意每行添加的表格是有位置行编号的,每行的编号为rows.length-1,增加的表格内的标签属性内容注意把原来的双引号变为单引号: <script language="javascript" type="text/javascript"> var id = 5; function addtr(){ //增加表格 var tem = ++id; va

javascript技巧篇(1) - javascript实现动态表格的三个重要方法

要实现动态表格,首先需要掌握javascript提供的3个非常重要的方法 (1)使用insertRow()方法添加表格行数.在javascript中增加表格的行,首先需要确定新增行插入表格的位置,然后执行插入操作. var table=document.getElementById("mytable");//取得表格对象 var  index=table.rows.length;//取得表格的行数 var nextRow =table.insertRow(index);//取得新插入行

android左右滑动加载分页以及动态加载数据

android UI 往右滑动,滑动到最后一页就自动加载数据并显示 如图: Java代码 package cn.anycall.ju; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.app.Activity; import android.content.ActivityNotFoundException; impo