效果圖:

1.創建html頁面 01.html(前臺文件)

2.創建index.php(后臺文件)

------------------熱身結束,開始正式分頁之旅------------------

3.在html頁面中引入layui需要用到的css以及js,還有我們自己額外需要用到的jquery

4.在html文件中,將基本的分頁欄顯示出來

5.好啦,html部分代碼寫完了,現在要寫html文件中的script部分代碼了

6.現在,瀏覽器的顯示效果是這樣的

7.基本的分頁欄以及表頭已經顯示出來了,接下來就要結合ajax將數據顯示出來了

8.我們的思路是這樣的:

--將頁碼(我們定義為p)和用戶選擇的每頁顯示多少條數據(我們定義為limit)傳到php后臺

--php后臺根據接收到的p和limit到數據庫查詢相應數據,并返回給前臺,展示出來

--代碼是這樣的

9.php后臺處理的代碼

10.這樣,我們就完成了ajax結合lay-ui實現分頁的功能

注:要引入jquery文件,這樣我們才能使用$.get(),要引入lay-ui的css和js文件,這樣我們才能使用layui的組件laypage

注:有不理解的地方,最好先看一下layui的官方文檔

--分享是一種快樂,共同營造輕松愉快的開發氛圍

--這篇文章適合新手學習,并歡迎各位新手和老油條老教授提出更優方案.