如何解决 Laravel 8 UI 分页问题？

Question

我在尝试最近发布的 laravel 8 时遇到了问题，我试图找出变化是什么以及它是如何工作的。当我这样做时，我遇到了分页 laravel 8 UI 变得混乱的问题，不知何故它发生了。有人可以帮助我吗？或者有过同样的经历吗？

像这样我在 laravel 8 中得到的视图 Laravel 8 分页 UI

这是我使用“Index.blade.php”的代码

@extends('layouts.app')

@section('title', 'Post')

@section('contents')

    <div class="container">
        <div class="row">
            @foreach ($posts as $post)
                <div class="col-md-4 mb-4">
                    <div class="row">
                        <div class="card mb-4">
                            <div class="card-header">
                                {{ $post->title }}
                            </div>
                            <div class="card-body">
                                {{ $post->body }}
                            </div>
                            <div class="card-footer">
                                {{ $post->created_at->diffForHumans() }}
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        <div class="d-felx justify-content-center">

            {{ $posts->links() }}

        </div>
    </div>

@endsection

我用于 PostController 的代码

<?php

namespace App\Http\Controllers;

use App\Models\Posts;
use Illuminate\Http\Request;

class PostsController extends Controller
{
    public function index()
    {
        $posts = Posts::latest()->paginate(6);
        // dd($post);
        return view('post.index', compact('posts'));
    }
}

Answer 1

只需确保您的 AppServiceProvider 中有这个。

use Illuminate\Pagination\Paginator;

public function boot()
{
     Paginator::useBootstrap();
}

你就可以开始了。

Answer 2

我尝试在

Paginator::useBootstrap();

中添加

AppServiceProvider.php

但没有成功。

但这有效：

// Directly in your blade file
$posts->links('pagination::bootstrap-4')

Answer 3

首先进入文件app\Providers\AppServiceProvider.php并添加：

use Illuminate\Pagination\Paginator;

public function boot()
{
    
    Paginator::useBootstrap();
}

在 post.blade.php 中的 @endforeach 之后使用它：

{{ $blogs->links() }}

Answer 4

不要使用这种方式：

$posts->links('pagination::bootstrap-4')in AppServiceProvider.php

正确的方法：

use Illuminate\Pagination\Paginator;

public function boot()
{
    
    Paginator::useBootstrap();
}

然后在任何刀片中，您想使用这样的分页：

{{ $posts->links() }}

Answer 5

如果您想全局更改，请将其添加到您的“AppServiceProvider.php”文件中。

use Illuminate\Pagination\Paginator;

public function boot()
{
     Paginator::useBootstrap();
}

然后在您的刀片文件中使用它

{{ $blogs->links() }}

如果您只想进行一次性更改，请将此与刀片上的特定引导程序版本一起使用，而无需更改“AppServiceProvider.php”文件。

$posts->links('pagination::bootstrap-5')

或

$posts->links('pagination::bootstrap-4')