小白 关于使用laypage分页 的运用简述
本人小白一枚,所以之前都是用自带的分页,后来有大神推荐我了这个,感觉不错,所以就推荐一下,分页一般是用GET来传值的,所以,一旦要进行搜索执行时,需把搜索值加在URL上,否则会点击下一页,搜索条件被刷掉,第一次发帖,(欢迎大神给小的指点改进),主要是写给同为小白苦苦挣扎的小伙伴们看的(共勉)。
//这里是前端页面需要引入的文件,去 http://laypage.layui.com/ 官网下载放在项目下即可(我将文件放在了Public下,然后再调用出来),<script></script>
//好像很实用的样子,后端的同学再也不用写分页逻辑了。这里只要复制进来就可以了。不用改<script></script>
//设置url中连接符(为什么要加这段呢?因为我们要带搜索条件时,一般的URL要带"?","&",这两个符号,这里就是为了,在追加页码时,当有了“?”符号时,会换成“&”,没有时则是“?”加page=页数,以下也是直接复制进去就可以了。)
laypage({
cont: 'page11',
pages: 18, //假设我们获取到的是18(后端计算完总页数后将总页数值传过来,放在这里即可(类似{$totalpage})).
curr: function(){ //通过url获取当前页,也可以同上(pages)方式获取
var page = location.search.match(/page=(\d+)/);
return page ? page[1] : 1;//如果没有页数显示时,默认是第一页
}(),
jump: function(e, first){ //触发分页后的回调
if(!first){ //一定要加此判断,否则初始时会无限刷新
location.href=setParam("page",e.curr);
}
}
});<b>function setParam(param,value){<br>
var query = location.search.substring(1);<br>
var p = new RegExp("(^|)" + param + "=([^&]*)(|$)");<br>
if(p.test(query)){<br>
//query = query.replace(p,"$1="+value);<br>
var firstParam=query.split(param)[0];<br>
var secondParam=query.split(param)[1];<br>
if(secondParam.indexOf("&")>-1){<br>
var lastPraam=secondParam.split("&")[1];<br>
return '?'+firstParam+'&'+param+'='+value+'&'+lastPraam;<br>
}else{<br>
if(firstParam){<br>
return '?'+firstParam+''+param+'='+value;<br>
}else{<br>
return '?'+param+'='+value;<br>
}<br>
}<br>
}else{<br>
if(query == ''){<br>
return '?'+param+'='+value;<br>
}else{<br>
return '?'+query+'&'+param+'='+value;<br>
}<br>
} <br>
}<br>
</b>
//最后在你显示数据(例如后)最后添加下面这个<b><div></div></b>
//上面的 id是自己的设置的,改的话,注意前面的cont: 'page11', 这里也要换。到此前端的准备已经完了。
搜索条件的也要附上URL地址的话,我是这么写的
//点击搜索<b>$("#sou").bind("click",function(event){<br>
event.preventDefault();</b>//这里不懂的可以自己查查(用于取消事件的默认行为 一般是有<from>时,没有就直接去掉)。<br>
<b>var type=$("#type").val();</b>//获取假设的搜索条件值<br>
<b>var url=$(this).attr("souid");</b>//这里的是获取点击是要跳转的地址(例如:souid="" 跳转地址自己换)<br>
<b> window.location.href=url+"?typeid="+type;<br>
});</b></from>
(小白就只能这么写了,见谅,基本的JQ,应该还是可以理解吧!)
二。现在是后端的部分<b>public function text(){</b><br>
//下面是获取GET传来的页数,如果没有页数时,页数为1.<br>
<b>$nowpage=I('page',1);</b><br>
//$totalpage就是计算你要获取的最大页数,ceil 是向前取整,这里是设置为10条数据为1页(注意括号)。<br>
<b>$totalpage=ceil((M('order')->where(条件)<br>
->count())/10);</b>//这里尽量简写了。<br>
//下面注意加上 这句 limit(($nowpage-1)*10,10),就是数据控制每页显示数据的条数,获取页数后乘以设置的条数,获取该页的10条(自己设置)数据<br>
<b>$res=M('order')->where(条件)<br>
->limit(($nowpage-1)*10,10)<br>
->select();</b><br>
//最后,就是把数据和最大页数传到前端接受了完成了。(搜索条件的也要的话也要传。)<br>
<b> $this->assign("totalpage",$totalpage);<br>
$this->assign("res",$res);</b><br>
<b>}</b>

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

了解Python编程的入门级代码示例Python是一种简单易学,功能强大的编程语言。对于初学者来说,了解Python编程的入门级代码示例是非常重要的。本文将为您提供一些具体的代码示例,帮助您快速入门。打印HelloWorldprint("HelloWorld")这是Python中最简单的代码示例。print()函数用于将指定的内容输出

PHP变量存储程序运行期间的值,对于构建动态且交互式的WEB应用程序至关重要。本文将深入探讨php变量,并通过10个真实的示例展示它们的实际应用。1.存储用户输入$username=$_POST["username"];$passWord=$_POST["password"];此示例从表单提交中提取用户名和密码,并将其存储在变量中以供进一步处理。2.设置配置值$database_host="localhost";$database_username="username";$database_pa

Java冒泡排序最简单的代码示例冒泡排序是一种常见的排序算法,它的基本思想是通过相邻元素的比较和交换来将待排序序列逐步调整为有序序列。下面是一个简单的Java代码示例,演示了如何实现冒泡排序:publicclassBubbleSort{publicstaticvoidbubbleSort(int[]arr){int

标题:从入门到精通:Go语言中常用数据结构的代码实现数据结构在编程中起着至关重要的作用,它是程序设计的基础。在Go语言中,有许多常用的数据结构,掌握这些数据结构的实现方式对于成为一名优秀的程序员至关重要。本文将介绍Go语言中常用的数据结构,并给出相应的代码示例,帮助读者从入门到精通这些数据结构。1.数组(Array)数组是一种基本的数据结构,是一组相同类型

《Go语言编程实例:Web开发中的代码示例》随着互联网的快速发展,Web开发已经成为各行业中必不可少的一部分。作为一门功能强大且性能优越的编程语言,Go语言在Web开发中越来越受到开发者们的青睐。本文将通过具体的代码示例,介绍如何利用Go语言进行Web开发,让读者能够更好地理解和运用Go语言来构建自己的Web应用。1.简单的HTTP服务器首先,让我们从一个

如何使用PHP编写库存管理系统中的库存分仓管理功能代码库存管理是许多企业中不可或缺的一部分。对于拥有多个仓库的企业来说,库存分仓管理功能尤为重要。通过合理管理和跟踪库存,企业可以实现不同仓库之间的库存调拨,优化运营成本,改善协同效率。本文将介绍如何使用PHP编写库存分仓管理功能的代码,并为您提供相关的代码示例。一、建立数据库在开始编写库存分仓管理功能的代码之

Java选择排序法代码编写指南及示例选择排序是一种简单直观的排序算法,其思想是每次从未排序的元素中选择最小(或最大)的元素进行交换,直到所有元素排序完成。本文将提供选择排序的代码编写指南,并附上具体的Java示例代码。算法原理选择排序的基本原理是将待排序数组分为已排序和未排序两部分,每次从未排序部分选择最小(或最大)的元素,将其放到已排序部分的末尾。重复上述

华为云边缘计算对接指南:Java代码示例快速实现接口随着物联网技术的快速发展和边缘计算的兴起,越来越多的企业开始关注边缘计算的应用。华为云提供了边缘计算服务,为企业提供了高可靠的计算资源和便捷的开发环境,使得边缘计算应用更加容易实现。本文将介绍如何通过Java代码快速实现华为云边缘计算的接口。首先,我们需要准备好开发环境。确保你已经安装了Java开发工具包(
