搜尋
首頁php教程php手册小白 關於使用laypage分頁 的運用簡述

本人小白一枚,所以之前都是用自帶的分頁,後來有大神推薦我了這個,感覺不錯,所以就推荐一下,分頁一般是用GET來傳值的,所以,一旦要進行搜索執行時,需把搜尋值加在URL上,否則會點擊下一頁,搜尋條件被刷掉,第一次發帖,(歡迎大神給小的指點改進),主要是寫給同為小白苦苦掙扎的小夥伴們看的(共勉)。
//这里是前端页面需要引入的文件,去 http://laypage.layui.com/ 官网下载放在项目下即可(我将文件放在了Public下,然后再调用出来),<script></script>//好像很实用的样子,后端的同学再也不用写分页逻辑了。这里只要复制进来就可以了。不用改<script></script>
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=页数,以下也是直接复制进去就可以了。)<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>

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器