ThinkPHP6和Laravel6基于Layui分页介绍

2020-07-12   阅读:423   分类:后端    标签: TP6

image.png

ThinkPHP6和Laravel6使用Layui无刷新分页,从根本上来说,前端代码是一样的,唯独也就是后端代码不一样。以下是两者的使用方法,供初学者参考。

Layui前端代码一:

<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>

<script type="text/html" id="currentTableBar">
	<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">编辑</a>
	<a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a>
</script>
 
 <script>
    layui.use(['form', 'table'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table;

        table.render({
            elem: '#currentTableId'
            // ,height: 600
            ,url: "{:url('admin/video/article')}" //数据接口
            ,page: true //开启分页
            ,toolbar: '#toolbarDemo'
            ,defaultToolbar: ['filter', 'exports', 'print', {
                title: '提示',
                layEvent: 'LAYTABLE_TIPS',
                icon: 'layui-icon-tips'
            }]
            ,skin: 'row,line '

            ,cols: [[ //表头
                {type: "checkbox", },
                {field: 'id', width: 80, title: 'ID', sort: true},
                {field: 'vod_name', title: '名称'},
                {field: 'article_pic',title: '封面',width: 100,templet:'<div><img  src="{{ d.vod_pic }}" width="100%"></div>' },
                {field: 'vod_addtime', title: '添加时间', sort: true},
                {title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"}
            ]],

        });
    });
</script>

ThinkPHP6后端代码:

<?php
 public function article(Request $request){
        //获取每页显示的条数
        $limit= $request->param('limit');
        //获取当前页数
        $page= $request->param('page');
        $list = Article::order('vod_addtime desc')
            ->paginate($limit,false,['page'=>$page])
            ->toArray();
        return json(['code'=>0,'msg'=>'','count'=>$list['total'],'data'=>$list['data']]);

    }

?>

Laravel6后端代码:

<?php
public function article_list(Request $request){
	//获取每页显示的条数
	$limit= $request->limit;
	//获取当前页数
	$page= $request->page;

	$columns = ['*'];
	$pageName = 'page';

	$list =DB::table('article')
		->OrderBy('id','desc')
		->where(array('recycle'=>0))
		->paginate($limit, $columns, $pageName, $page)
		->toArray();

	return response()->json(['code'=>0,'msg'=>'','count'=>$list['total'],'data'=>$list['data']]);
}
?>


如果本文对你有用就点击下方广告赞助下呗!

【腾讯云】11.11 云上盛惠,云产品限时抢购,1核2G云服务器首年88元

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://www.tpxhm.com/adetail/364.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

文章评论(0)

登录
头像

简忆博客
仕而优则学,学而优则仕。

置顶推荐

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×