世界上最伟大的投资就是投资自己的教育

全场限时 5 折

首页Laravel
随风 · 练气

Ruby 程序员学习 laravel 框架笔记 (15)-分页

随风发布于3090 次阅读

接着 上一篇 文章的内容,我们现在来对这些显示出来的所有用户记录进行分页,最终效果会是下面这样:

1. 分页效果

我们来一步步地完成这些效果,首先第一步是分页效果。

Laravel 框架就自带了分页的功能。

很简单,只需要改两个地方,一个是调用数据的地方,即 controller,还有一个就是要把分页效果改出来,那就是在 view 上改。

先找到 app/Http/Controllers/UsersController.php 这个 controller 文件,把它修改如下:

// app/Http/Controllers/UsersController.php

<?php

...

class UsersController extends Controller
{
    public function index()
    {
        $users = User::paginate(5);
        return view('admin.users.index', compact('users'));
    }

    ...
}

请注意,index 方法中 User::all() 被我改成了 User::paginate(5)

这个表示将会对 User 这个 model 使用分页功能,并且按每 5 条数据作为一页。

现在还不够,我们需要把分页效果显示出来。

找到 resources/views/admin/users/index.blade.php 这个 view 文件,修改内容如下:

<!-- resources/views/admin/users/index.blade.php -->

@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <ul class='list-group'>
                @foreach($users as $user)
                    ...
                @endforeach
            </ul>
            {{ $users->links() }}
        </div>
    </div>
@endsection

{{ $users->links() }} 就是显示分页。

2. 所有记录的总数量

这个很简单,使用 total() 这个方法即可,例如:

<h3>{{ $users->total() }} total users</h3>

3. 当前页面的用户记录数量

这个可以使用 count() 方法,比如:

<b>In this page {{ $users->count() }} users</b>

最终把所有的 view 相关的代码组成起来,就是下面这样:

<!-- resources/views/admin/users/index.blade.php -->

@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <h3>{{ $users->total() }} total users</h3>
            <b>In this page {{ $users->count() }} users</b>
            <ul class='list-group'>
                @foreach($users as $user)
                    <li class='list-group-item' style="margin-top: 20px;">
                        <span>{{ $user->name }}</span>
                        <span class="pull-right clearfix">
                            Joined ({{ $user->created_at->diffForHumans() }})
                        </span>
                        <button class='btn btn-xs btn-primary'>Follow</button>
                    </li>
                @endforeach
            </ul>
            {{ $users->links() }}
        </div>
    </div>
@endsection

这样就有上面的那个图的效果了。

完结。

本站文章均为原创内容,如需转载请注明出处,谢谢。

0 条回复
暂无回复~~
相关小书
Ruby 程序员学习 laravel 框架笔记

Ruby 程序员学习 laravel 框架笔记

ruby程序员带你走进php的世界,轻松学习laravel这个神奇的框架

发表于

喜欢
统计信息
    学员: 29063
    视频数量: 1973
    文章数量: 489

© 汕尾市求知科技有限公司 | Rails365 Gitlab | Qiuzhi99 Gitlab | 知乎 | b 站 | 搜索

粤公网安备 44152102000088号粤公网安备 44152102000088号 | 粤ICP备19038915号

Top