layui是一個前端 UI 框架，內置了js代碼，所以我們可以直接使用內置的分頁
首先要用到layui的官網手冊https://www.layui.com/
1.進入手冊頁面的 ”示例“
2.在示例中找到 “數據表格” -> “開啟分頁” -> "查看代碼" 。這就是layui內置的分頁代碼，復制到編輯器即可；
3.注意紅色框中的兩個引入文件的地址，（如果沒有layui文件，可以去官網下載）
4.修改上圖黃色框中的內容，意思分別是
elem:展示數據的table表格，
url:地址/接口，
cols:展示內容，
field:獲取回來的數據字段名，
width:單元格的寬度，
title:表格的表頭名，
sort:給該列使用排序功能，
page:true 開啟下方分頁按鈕，
5.給表格指出正確的數據位置 ，”文檔“（在示例的旁邊）->” 數據表格“ -> ctrl+f 搜索 parseData 復制紅色框中的代碼
放置到剛才粘貼頁面的 " page:true "下面，修改好返回數據的層級關系。
6.還可以設置一些其他東西 如下圖 👇 （黃色框中的代碼就是 "步驟5" 中代碼的存放位置 ）
上圖紅色框中的內容的意思為：
limit：每頁默認顯示條數，
limits：下拉框頁碼中的值，
where:發送條件值，
method：數據請求方式，
以上基本上就是layui 分頁的詳細步驟了 是不是很簡單？ O(∩_∩)O
（其實很多功能查看手冊，在手冊上復制代碼就能實現）