介绍
这篇文章主要介绍PHP + MySQL + LayUI分页查询显示的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
- <李>
<代码> html 代码>构建前端样式
李> <李><代码> AJAX代码>异步请求数据
李> <李>使用<代码> layui.table> 代码数据表格的方法渲染。
李><强> 1。HTML文件强>
& lt; p 类=發ayui-card-body “比; ,,,,,,,& lt; table id=癲emo",类=發ayui-hide"祝辞& lt;/table> ,,,,,,,& lt; p id=皃ageUD"祝辞& lt;/p> & lt;/p> & lt; https://www.yisu.com/zixun/script src=" js/jquery.min.js "> 脚本> <脚本> var pageNum=0; var限制=10; var=1页; . ajax({美元 url:“laypage.php”, 异步:假的, 类型:“文章”, 成功:函数(res) { pageNum=res;//取到数据总条数//console.log (res) } }); layui。使用(“表”,函数(){ var表=layui.table; table.render ({ elem: #演示, 方法:“文章”, url:“paging.php”, 限制:限制, 页:页面, cellMinWidth: 80//全局定义常规单元格的最小宽度,layui 2.2.1新增 关口:[[ {复选框:真}, {字段:“id”,宽度:80:真的,标题:“id”}, {字段:“捐赠”,宽度:240:真的,标题:“姓/名昵称‘}, {字段:“对象”,宽度:180:真的,标题:“捐助项目"}, {字段:“钱”,宽度:150:真的,标题:“捐助金额”}, {字段:“时间”,宽度:200:真的,标题:“捐助时间的}, {字段:“类型”,宽度:100:真的,标题:“捐助类型"}, {字段:“消息”,宽度:200,标题:“备注/留言'} ]] }); });脚本>
从前端获取页面和限制两个变量,交给MySQL中的<代码> 代码>限制进行分页查询,将查询的结果拼装后以前端LayUI框架规定的json形式返回。
<强> 2. laypage。php文件强>
laypage。php功能是获取数据总数并返回给前端展示。
& lt; php ? ,,,require (& # 39; db_config.php& # 39;); ,,,sql 美元;=,& # 39;select count(*),得到donation_copy1& # 39;; ,,,result 美元;=,美元mysqli→查询($ sql); ,,,sum 美元;=,mysqli_fetch_row(结果); ,,,echo 装天花板($ sum [0]/1); ?在
<强> 3.分页。php文件强>
laypage。php功能是根据前端传递的变量指定参数分页查询数据并返回给前端展示。
& lt; php ? ,,,头(“内容类型:text/html; charset=utf - 8;“); ,,,require (& # 39; db_config.php& # 39;); limit 美元;=,$ _POST[& # 39;限制# 39;]; ,,,page 美元;=,$ _POST[& # 39;页面# 39;];new_page 美元;=,(page 美元;作用;1)*美元限制; ,,,sql 美元;=,“select *,得到donation_copy1 order by id desc limit “, new_page美元!”,“美元限制; ,,,result 美元;=,美元mysqli→查询($ sql); ,,,sql2 美元;=,& # 39;select *,得到donation_copy1& # 39;; ,,,count 美元;=,mysqli_num_rows(美元mysqli→查询(sql2美元)); ,,,arr 美元;=,数组(); ,,,while ($ row =, mysqli_fetch_array(结果)美元),{,, ,,,arr[],美元=,行美元;}$ donation_data =,阵列(//,才能拼装成为前端需要的JSON ,,,& # 39;代码# 39;=祝辞0, ,,,& # 39;味精# 39;=祝辞& # 39;& # 39; ,,,& # 39;计数# 39;=祝辞数美元, ,,,& # 39;数据# 39;=祝辞美元arr); ,,,echo json_encode ($ donation_data); ,,,//echo $ sql; ,,,?在
最终页面效果如下所示:
<链接的href=" https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-f1c5feb645.css " rel="样式表"/>
以上是“PHP + MySQL + LayUI分页查询显示的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!