PHP+MySQL+LayUI分页查询显示

概述PHP+MySQL+LayUI分页查询显示

HTML构建前端样式，AJAX异步请求数据，再使用layui.table数据表格的方法渲染，这样就完成了分页查询显示。

HTML构建前端样式

AJAX异步请求数据

使用layui.table数据表格的方法渲染。

1.HTML文件

<p class="layui-card-body ">        <table ID="demo" class="layui-hIDe"></table>        <p ID="pageUD"></p></p><script src="Js/jquery.min.Js"></script><script>    var pageNum = 0;    var limit = 10;    var page = 1;    $.AJAX({        url: "laypage.PHP",        async: false,        type: "post",        success: function (res) {            pageNum = res; //取到数据总条数            // console.log(res)        }    });    layui.use('table', function () {        var table = layui.table;        table.render({            elem: '#demo',            method: 'post',            url: 'paging.PHP',            limit: limit,            page: page,            cellMinWIDth: 80, //全局定义常规单元格的最小宽度，layui 2.2.1 新增            cols: [[                {checkBox: true},                {fIEld: 'ID', wIDth: 80, sort: true, Title: 'ID'},                {fIEld: 'donor', wIDth: 240, sort: true, Title: '姓名/昵称'},                {fIEld: 'object', wIDth: 180, sort: true, Title: '捐助项目'},                {fIEld: 'money', wIDth: 150, sort: true, Title: '捐助金额'},                {fIEld: 'time', wIDth: 200, sort: true, Title: '捐助时间'},                {fIEld: 'type', wIDth: 100, sort: true, Title: '捐助类型'},                {fIEld: 'message', wIDth: 200, Title: '备注/留言'}            ]]        });    });</script>

从前端获取page和limit两个变量，交给MysqL中的 limit 进行分页查询，将查询的结果拼装后以前端LayUI框架规定的Json形式返回。

2.laypage.PHP 文件

laypage.PHP 功能是获取数据总数并返回给前端展示。

<?PHP    require ('db_config.PHP');    $sql = 'select count(*) from donation_copy1';    $result = $MysqLi->query($sql);    $sum = MysqLi_fetch_row($result);    echo ceil($sum[0]/1);?>

3.paging.PHP 文件

laypage.PHP 功能是根据前端传递的变量指定参数分页查询数据并返回给前端展示。

<?PHP    header("content-type:text/HTML;charset=utf-8;");    require ('db_config.PHP');$limit = $_POST['limit'];    $page = $_POST['page'];$new_page = ($page - 1)*$limit;    $sql = "select * from donation_copy1 order by ID desc limit " .$new_page.",".$limit;    $result = $MysqLi->query($sql);    $sql2 = 'select * from donation_copy1';    $count = MysqLi_num_rows($MysqLi->query($sql2));    $arr = array();    while ($row = MysqLi_fetch_array($result)) {      $arr[] = $row;}$donation_data = array(  // 拼装成为前端需要的JsON    'code'=>0,    'msg'=>'',    'count'=>$count,    'data'=>$arr);    echo Json_encode($donation_data);    //echo $sql;    ?>

最终页面效果如下所示：

推荐：《2021年PHP面试题大汇总（收藏）》《php视频教程》

总结

以上是编程之家为你收集整理的PHP+MySQL+LayUI分页查询显示全部内容，希望文章能够帮你解决PHP+MySQL+LayUI分页查询显示所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。