ThinkPHP 5.1+LayUI框架实现Table表格JSON分页

 后端列表方法:

/**
* 品牌表数据列表查询
*/
public function lst()
    {
        if(request()->isAjax()){
            // 获取品牌搜索关键字
            $keyword = input('get.keyword');
            // 获取每页条数
            $Limit = input('get.limit');
            // 获取分页数
            $Pages = input('get.page');
            // 计算分页数据
            $Tol = ($Pages - 1) * $Limit;
            // 实例化模型数据
            $BrandModel = new BrandModel;
            // 查询品牌数据
            $BrandData = $BrandModel->where('brand_name','like','%'.$keyword.'%')->limit($Tol,$Limit)->select();
            // 获取查询数据总数
            if($keyword == ''){
                // 获取数据总数
                $DataNum = $BrandModel->count();
            }else{
                // 获取搜索数据总数
                $DataNum = $BrandModel->where('brand_name','like','%'.$keyword.'%')->count();
            }
            // 返回JSON数据到前端
            return json(["code" => 0,"msg" => "","count" => $DataNum, "data" => $BrandData]);
        }
        return $this->fetch('list');
    }

Layui前端AJAX方法:

/* 渲染表格 */
        var BrandTB = table.render({
            elem: '#BrandTable',
            url: '{:url("brand/lst")}',
            page: true,
            cellMinWidth: 100,
            cols: [[
                {type: 'checkbox'},
                {type: 'numbers'},
                {field: 'brand_name', title: '品牌名称', align: 'center', sort: true},
                {
                    title: '品牌图标', templet: function (d) {
                        var url = '../../uploads/'+d.brand_pic || '__ADMIN__/assets/images/head.jpg';
                        if(url == '../../uploads/'){
                            url = '__ADMIN__/assets/images/head.jpg';
                        }
                        return '<img data-index="' + (d.LAY_INDEX - 1) + '" src="' + url + '" class="tb-img-circle" tb-img alt=""/>';
                    }, align: 'center', minWidth: 140, unresize: true
                },
                {field: 'brand_url', title: '品牌网址', align: 'center', sort: true},
                {field: 'brand_sort', title: '品牌排序', align: 'center', sort: true},
                {field: 'brand_recommend', title: '品牌推荐',toolbar:'#BrandStatus', align: 'center', sort: true},
                {field: 'brand_desc', title: '品牌描述', align: 'center', sort: true},
                {title: '操作', toolbar: '#brandTbBar', align: 'center', minWidth: 200}
            ]]
        });

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值