小白 關於使用laypage分頁 的運用簡述
本人小白一枚,所以之前都是用自帶的分頁,後來有大神推薦我了這個,感覺不錯,所以就推荐一下,分頁一般是用GET來傳值的,所以,一旦要進行搜索執行時,需把搜尋值加在URL上,否則會點擊下一頁,搜尋條件被刷掉,第一次發帖,(歡迎大神給小的指點改進),主要是寫給同為小白苦苦掙扎的小夥伴們看的(共勉)。
//这里是前端页面需要引入的文件,去 http://laypage.layui.com/ 官网下载放在项目下即可(我将文件放在了Public下,然后再调用出来),<script src="/Public/laypage/laypage.js"></script>
//好像很实用的样子,后端的同学再也不用写分页逻辑了。这里只要复制进来就可以了。不用改<b><script></b><br>
<b>laypage({<br>
cont: 'page11',<br>
pages: 18,</b> //假设我们获取到的是18(后端计算完总页数后将总页数值传过来,放在这里即可(类似{$totalpage})).<br>
<b>curr: function(){ </b>//通过url获取当前页,也可以同上(pages)方式获取<br>
<b> var page = location.search.match(/page=(\d+)/);<br>
return page ? page[1] : 1;//如果没有页数显示时,默认是第一页<br>
}(), </b><br>
<b> jump: function(e, first){ </b>//触发分页后的回调<br>
<b> if(!first){</b> //一定要加此判断,否则初始时会无限刷新<br>
<b> location.href=setParam("page",e.curr);<br>
}<br>
}<br>
});</b>
//设置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>
</script></b>
//最后在你显示数据(例如后)最后添加下面这个<b><div style="margin-top:15px; text-align:center;" id="page11"></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

《Go語言程式設計實例:Web開發中的程式碼範例》隨著網路的快速發展,Web開發已成為各行業中不可或缺的一部分。作為一門功能強大且效能優越的程式語言,Go語言在Web開發中越來越受到開發者們的青睞。本文將透過具體的程式碼範例,介紹如何利用Go語言進行Web開發,讓讀者更能理解並運用Go語言來建立自己的Web應用。 1.簡單的HTTP伺服器首先,讓我們從一個

標題:從入門到精通:Go語言中常用資料結構的程式碼實作資料結構在程式設計中起著至關重要的作用,它是程式設計的基礎。在Go語言中,有許多常用的資料結構,掌握這些資料結構的實作方式對於成為優秀的程式設計師至關重要。本文將介紹Go語言中常用的資料結構,並給出對應的程式碼範例,幫助讀者從入門到精通這些資料結構。 1.數組(Array)數組是一種基本的資料結構,是一組相同類型

Java冒泡排序最簡單的程式碼範例冒泡排序是一種常見的排序演算法,它的基本想法是透過相鄰元素的比較和交換來將待排序序列逐步調整為有序序列。以下是一個簡單的Java程式碼範例,示範如何實作冒泡排序:publicclassBubbleSort{publicstaticvoidbubbleSort(int[]arr){int

如何使用PHP編寫庫存管理系統中的庫存分倉管理功能碼庫存管理是許多企業中不可或缺的一部分。對於擁有多個倉庫的企業來說,庫存分倉管理功能尤其重要。透過合理管理和追蹤庫存,企業可以實現不同倉庫之間的庫存調撥,優化營運成本,改善協同效率。本文將介紹如何使用PHP編寫庫存分倉管理功能的程式碼,並為您提供相關的程式碼範例。一、建立資料庫在開始編寫庫存分倉管理功能的程式碼之

華為雲端邊緣運算對接指南:Java程式碼範例快速實現介面隨著物聯網技術的快速發展和邊緣運算的興起,越來越多的企業開始關注邊緣運算的應用。華為雲端提供了邊緣運算服務,為企業提供了高可靠的運算資源和便利的開發環境,使得邊緣運算應用更容易實現。本文將介紹如何透過Java程式碼快速實現華為雲端邊緣運算的介面。首先,我們需要準備好開發環境。確保你已經安裝了Java開發工具包(

Java選擇排序法程式碼編寫指南及範例選擇排序是一種簡單直觀的排序演算法,其想法是每次從未排序的元素中選擇最小(或最大)的元素進行交換,直到所有元素排序完成。本文將提供選擇排序的程式碼編寫指南,並附上具體的Java範例程式碼。演算法原理選擇排序的基本原理是將待排序數組分為已排序和未排序兩部分,每次從未排序部分選擇最小(或最大)的元素,將其放到已排序部分的末尾。重複上述
