小白关于使用laypage分页的运用简述

php中文网

发布时间：2016-08-04 08:56:24

1536人浏览过

来源于php中文网

原创

本人小白一枚，所以之前都是用自带的分页，后来有大神推荐我了这个，感觉不错，所以就推荐一下，分页一般是用GET来传值的，所以，一旦要进行搜索执行时，需把搜索值加在URL上，否则会点击下一页，搜索条件被刷掉，第一次发帖，（欢迎大神给小的指点改进），主要是写给同为小白苦苦挣扎的小伙伴们看的（共勉）。
//这里是前端页面需要引入的文件，去 http://laypage.layui.com/ 官网下载放在项目下即可（我将文件放在了Public下，然后再调用出来），//好像很实用的样子，后端的同学再也不用写分页逻辑了。这里只要复制进来就可以了。不用改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); } } });//设置url中连接符（为什么要加这段呢？因为我们要带搜索条件时，一般的URL要带"？","&"，这两个符号，这里就是为了，在追加页码时，当有了“？”符号时，会换成“&”，没有时则是“？”加page=页数，以下也是直接复制进去就可以了。）function setParam(param,value){ var query = location.search.substring(1); var p = new RegExp("(^|)" + param + "=([^&]*)(|$)"); if(p.test(query)){ //query = query.replace(p,"$1="+value); var firstParam=query.split(param)[0]; var secondParam=query.split(param)[1]; if(secondParam.indexOf("&")>-1){ var lastPraam=secondParam.split("&")[1]; return '?'+firstParam+'&'+param+'='+value+'&'+lastPraam; }else{ if(firstParam){ return '?'+firstParam+''+param+'='+value; }else{ return '?'+param+'='+value; } } }else{ if(query == ''){ return '?'+param+'='+value; }else{ return '?'+query+'&'+param+'='+value; } } }//最后在你显示数据（例如后）最后添加下面这个

//上面的 id是自己的设置的，改的话，注意前面的cont: 'page11', 这里也要换。到此前端的准备已经完了。
搜索条件的也要附上URL地址的话，我是这么写的
//点击搜索

$("#sou").bind("click",function(event){

    event.preventDefault();//这里不懂的可以自己查查（用于取消事件的默认行为 一般是有时，没有就直接去掉）。

    var type=$("#type").val();//获取假设的搜索条件值

    var url=$(this).attr("souid");//这里的是获取点击是要跳转的地址（例如：souid="" 跳转地址自己换）
    window.location.href=url+"?typeid="+type;

});

（小白就只能这么写了，见谅，基本的JQ，应该还是可以理解吧！）

二。现在是后端的部分

public function text(){

//下面是获取GET传来的页数，如果没有页数时，页数为1.
$nowpage=I('page',1);

//$totalpage就是计算你要获取的最大页数，ceil 是向前取整，这里是设置为10条数据为1页（注意括号）。
$totalpage=ceil((M('order')->where(条件)

                ->count())/10);//这里尽量简写了。

//下面注意加上 这句 limit(($nowpage-1)*10,10)，就是数据控制每页显示数据的条数，获取页数后乘以设置的条数，获取该页的10条（自己设置）数据
$res=M('order')->where(条件)

                ->limit(($nowpage-1)*10,10)

                ->select();

//最后，就是把数据和最大页数传到前端接受了完成了。（搜索条件的也要的话也要传。）
    $this->assign("totalpage",$totalpage);

        $this->assign("res",$res);
}