分页是一个很基础并且很常用的一个功能,而且现在的框架越来越多,原生态的分页估计很多小伙伴们都已经忘得差不多了,拿到一个框架要做分页第一件事就是找手册,可是有的时候突然发现,手册的分页看不懂,What!所以,就在网站上各种招laravel5.2分页,laravel5.2自带分页,laravel5.2如何分页等等。不要问我怎么知道的,因为我就是这么过来的,所以我也不说什么大道理,直接把代码上上去,因为是日志的代码,估计小伙伴们都有写过,所以相对也比较容易看懂

1、首先,这是日志的model层代码(必须使用DB,因为这个好像是查询构造器才可以用的,具体我也不太清楚,反正这么些就对了)

//查询所有日志
public function logall(){
    return DB::table('log')->paginate(12);
}

2、然后我们再看一下Controller控制器是怎么写的

class LogController extends Controller
{
    public function show(){
        $log=(new LogModel())->logall();
        return view('admin.log.show',["log"=>$log]);
    }
}

3、就是我们的视图view层如何遍历展示

<table class="table table-border table-bordered table-bg table-sort">
    <thead>
    <tr class="text-c">
        <th width="250">日志内容</th>
        <th width="60">操作时间</th>
        <th width="30">操作人员</th>
        <th width="30">操作</th>
    </tr>
    </thead>
    <tbody>
    @foreach($log as $key => $val)
        <tr class="text-c">
            <td>{{$val->log_content}}</td>
            <td>{{$val->log_time}}</td>
            <td>{{$val->admin_name}}</td>
            <td class="f-14 product-brand-manage">
                <a style="text-decoration:none"  href="#" title="编辑">
                    <i class="Hui-iconfont">&#xe6df;修改</i>
                </a>
                <a style="text-decoration:none" class="ml-5" href="#" title="删除">
                    <i class="Hui-iconfont"> &#xe6e2;删除</i>
                </a>
            </td>
        </tr>
    @endforeach
    </tbody>
</table>

到此为止,只是渲染输出,如果我想要有数字下标的话我们必须要在视图层加入以下代码

{!! $log->links() !!}

这个代码可以放在任何地方,例如我就是放在div里面
laravel5.2 如何分页?快速简单分页
你以为到此就结束了吗,不!因为你会发现,你在网页上显示的是这个样子的
laravel5.2 如何分页?快速简单分页
所以为了能够显示出我们想要的结果,我们就只能去更改它的样式了,但是我们只是写了一句
{!! $log->links() !!},没看到样式啊,这个时候我们可以打开浏览器,右键检查元素
laravel5.2 如何分页?快速简单分页
这样哦我们是不是就很好找到了属于分页下标的样式了呢,然后我们写一些样式

<style>
    .pagination{
        margin-left: 45%;
    }
    .pagination li{
        list-style-type: none;
        display: inline;
        padding: 10px;
        color: red;
    }
</style>

好了,至此,我们的分页就大功告成啦,哈哈
laravel5.2 如何分页?快速简单分页

相关文章: