如何自定义此 Laravel 8 应用程序中的分页项？

Question

我正在开发 Laravel 8 中的博客应用程序。

ArticlesController controller 我有这个方法来显示分页文章：

namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\User;
use App\Models\ArticleCategory;
use App\Models\Article;
use App\Models\Comment;

class ArticlesController extends FrontendController {

    // Articles per page
    protected $per_page = 12;

    public function index(Request $request) {

        // Search query
        $qry = $request->input('search');

        $articlesQuery = Article::where('title', 'like', '%' . $qry . '%')
                                            ->orWhere('short_description', 'like', '%' . $qry . '%')
                                            ->orWhere('content', 'like', '%' . $qry . '%');

        // Search results count
        if ($qry) {
            $article_count = $articlesQuery->count();
        }   

        $articles = $articlesQuery->orderBy('id', 'desc')->paginate($this->per_page);   
        $featured_articles = Article::where('featured', 1)->orderBy('id', 'desc')->get();

        return view('themes/' . $this->theme_directory . '/templates/index', 
            array_merge($this->data, [
                'search_query' => $qry,
                'articles' => $articles,
                'featured_articles' => $featured_articles,
                'article_count' => $article_count ?? null
            ])
        );
    }
    
}

分页，在普通的 HTML模板中，如下所示：

<nav class="pgn">
  <ul>
      <li>
        <a class="pgn__prev" href="#0">Prev</a>
      </li>
      <li><a class="pgn__num" href="#0">1</a></li>
      <li><span class="pgn__num current">2</span></li>
      <li><a class="pgn__num" href="#0">3</a></li>
      <li><span class="pgn__num dots">…</span></li>
      <li><a class="pgn__num" href="#0">4</a></li>
      <li>
         <a class="pgn__next" href="#0">Next</a>
      </li>
  </ul>
</nav>

目标

目标是在 Laravel 的 Blade 中保持上面的分页结构。

问题

下面的代码适用于“Next”和“Prev”按钮，但不适用于它们之间的链接。

<nav class="pgn">
  <ul>
      <li>
        <a class="pgn__prev" href="{{ $articles->withQueryString()->previousPageUrl() }}">Prev</a>
      </li>

        {!! $articles->withQueryString()->links() !!}

      <li>
         <a class="pgn__next" href="{{ $articles->withQueryString()->nextPageUrl() }}">Next</a>
      </li>
  </ul>
</nav>

问题

1. 是什么导致了这个错误？
2. 最简单的解决方法是什么？

Answer 1

要创建自定义分页，我建议使用自定义“视图”。

基本上，您需要做什么（您已经完成了），就是定义一个限制，然后基本上执行以下操作：

您创建您的视图文件（这将是自定义分页器） - 将其命名为您想要的名称。 我将其命名为custom.blade.php

此视图必须在运行命令后创建： php artisan vendor:publish --tag=laravel-pagination

在这里您可以在有关它的文档中找到更多信息： https://laravel.com/docs/9.x/pagination#customizing-the-pagination-view

@if ($paginator->onFirstPage())
    <li class="disabled"><span>← Previous</span></li>
        @else
            <li>
                <a class="pgn__prev" href="{{ $articles->withQueryString()->previousPageUrl() }}">Prev</a>
            </li>
        @endif


      
        @foreach ($elements as $element)
           
            @if (is_string($element))
                <li class="disabled"><span>{{ $element }}</span></li>
            @endif


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


        
        @if ($paginator->hasMorePages())
            <li>
                <a class="pgn__next" href="{{ $articles->withQueryString()->nextPageUrl() }}">Next</a>
            </li>
        @else
    <li class="disabled"><span>Next</span></li>
@endif

最后，在您要使用自定义分页的视图上：

{{ $articles->links(‘path.pagination.custom') }}

（只要确保有正确的路径）

编辑：如果不看项目本身，我很难给出一个明确的答案，但我希望这至少能有所帮助。