您现在的位置是:网站首页 > 心得笔记

Laravel 的分页功能

盛悦2019-01-23554人围观
简介在大多数的框架中,分页无不令人十分头疼。 Laravel 的分页器与查询构造器、Eloquent ORM 集成在一起,并提供方便易用的数据结果集分页。分页器生成的 HTML 与 Bootstrap CSS 框架兼容。

一、默认分页

使用 paginate 方法。 paginate 方法会自动根据用户正在查看的页面来设置限制和偏移量。默认情况下,当前页面通过 HTTP 请求所带的参数 page 的值来检测。这个值是被 Laravel 自动检测到的,也会自动插入到由分页器生产的链接中。

在下面这个例子中,传递给 paginate 方法的唯一参数是「每页」显示的项目数量。下面是每页显示 15 条数据的例子:

<?phpnamespace 
App\Http\Controllers;
use Illuminate\Support\Facades\DB;
use App\Http\Controllers\Controller;
class UserController extends Controller{
    /**
     * 展示应用中的所有用户
     *
     * @return Response
     */
    public function index()
    {
        $users = DB::table('users')->paginate(15);

        return view('user.index', ['users' => $users]);
    }
}

简单分页」

如果你只需要在分页视图中显示简单的「下一页」和「上一页」的链接,即不需要显示每个页码的链接,更推荐使用 simplePaginate 方法来执行更高效的查询:

$users = DB::table('users')->simplePaginate(15);

显示分页结果

        <div class="container">
            @foreach ($users as $user)
                {{ $user->name }}
            @endforeach
            </div>
            {{ $users->links() }}


links 方法将会链接渲染到结果集中其余的页面。每个链接都包含了正确的 page 查询字符串变量。记住,links 方法生成的 HTML 与 Bootstrap CSS 框架 兼容。

效果图如下:

fy.png

附加参数到分页链接中

你可以使用 appends 方法将查询参数附加到分页链接中。例如,要将 sort=votes 附加到每个分页链接,可以这样调用 appends 方法:

{{ $users->appends(['sort' => 'votes'])->links() }}


二、自定义分页视图

自定义分页视图的制作最简单的方法是使用 vendor:publish 命令将它们导出到 resources/views/vendor 目录:

php artisan vendor:publish --tag=laravel-pagination

这个命令将这些视图放置在 resources/views/vendor/pagination 目录中。这个目录下的 default.blade.php 文件对应默认的分页视图,你可以简单地编辑这个文件来修改分页的 HTML 。

fy2.png

例如,默认分页视图颜色我不太喜欢,尺寸也太小了,那么我就在default.blade.php中通过css设置样式:

<style>
    .pagination > .active > span{color:#ffffff;}
    .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #2db5a3;
        border-color: #2db5a3;}
    .pagination > li > a, .pagination > li > span {
        padding: 10px 16px;
        color: #2db5a3;
    }
</style>
@if ($paginator->hasPages())
    <ul class="pagination">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <li class="disabled"><span>&laquo;</span></li>
        @else
            <li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">&laquo;</a></li>
        @endif

        {{-- Pagination Elements --}}
        @foreach ($elements as $element)
            {{-- "Three Dots" Separator --}}
            @if (is_string($element))
                <li class="disabled"><span>{{ $element }}</span></li>
            @endif

            {{-- Array Of Links --}}
            @if (is_array($element))
                @foreach ($element as $page => $url)
                    @if ($page == $paginator->currentPage())
                        <li class="active"><span>{{ $page }}</span></li>
                    @else
                        <li><a href="{{ $url }}">{{ $page }}</a></li>
                    @endif
                @endforeach
            @endif
        @endforeach

        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
            <li><a href="{{ $paginator->nextPageUrl() }}" rel="next">&raquo;</a></li>
        @else
            <li class="disabled"><span>&raquo;</span></li>
        @endif
    </ul>
@endif


这样修改后,效果图如下:

fy1.png

如果你想设置成其他样式,如上操作default.blade.php便可!注意:分页器生成的 HTML 与 Bootstrap CSS 框架兼容。