layui 分页的用法事例

本文详细介绍使用layui分页插件实现前后端交互的过程。通过具体示例,讲解了JS部分如何配置layui分页参数,包括高度、URL、每页显示条数等,并展示了PHP后端如何响应请求,进行数据分页和返回JSON格式的数据。适用于希望快速掌握layui分页功能的前端开发者。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

layui 分页JS部分:

function fyppFun(){
    layui.use('table', function(){
          var table = layui.table;
          table.render({
            elem: '#demo'
            ,height:500
            ,url:'paipian.php?type=messege' //数据接口
            ,page: true //开启分页
            ,data:{limit:10}//每页显示10条数据
            ,cols: [[ //表头
              {field: 'id', title: 'ID', width:200, sort: true, fixed: 'left'}
              ,{field: 'fytime', title: '放映时间', width:200}
              ,{field: 'language', title: '语言版本', width:200, sort: true}
              ,{field: 'video', title: '放映厅', width:300}
            ,{field: 'price', title: '售价', width:200}
            ,{field: 'people', title: '客容量', width:200},
            {field: '', title: '操作', width:500,templet:function(d){
                return `<button  class="layui-btn layui-btn-radius" update="`+d.id+`"                           onClick="threeaFun(this)" style="width:100px;">修改</button>
                        <button  class="layui-btn layui-btn-radius layui-btn-normal" insert="`+d.id+`"  onClick="threebFun(this)" style="width:100px;">添加</button>
                        <button  class="layui-btn layui-btn-radius layui-btn-danger" delect="`+d.id+`"  onClick="threecFun(this)" style="width:100px;">删除</button>`;
                      }},    
                ]]
              });
        });
    }

 

layui 分页PHP部分:

case'messege':
    //排片管理分页的后台语句
    $sql = "select count(*) from movie_messege";
    $res = $db->query($sql);
    $con = $res->fetch_row();
    $page = $_GET["page"];
    $limit = $_GET["limit"];
    $lit = ($page-1)*$limit.",".$limit;//数据分页
    /*接收空位*/
    $sql = "select * from movie_messege limit ".$lit;
    $res  = $db->query($sql);
    $rows = array();
    while($row=$res->fetch_assoc()){
      $rows[] = $row;
   }
     $arr = array(
      "code"=> 0,
       "msg"=> "",
       "count"=> $con[0],
       "data"=>$rows
        );
    echo json_encode($arr);

转载于:https://www.cnblogs.com/Prinlily/p/9657305.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值