Laravelでのブートストラップページネーションの実装方法


方法 1: Laravelの標準的なページネーション機能を使用する

Laravelには、デフォルトでページネーション機能が組み込まれています。以下の手順に従って、ブートストラップページネーションを実装できます。

  1. モデルでページネーションを使用するために、Eloquentのpaginateメソッドを呼び出します。例えば、次のようになります:
$posts = App\Post::paginate(10);
  1. ページネーションを表示するビューで、ブートストラップのページネーションリンクを生成します。例えば、次のようになります:
{{ $posts->links() }}

方法 2: カスタムページネーションビューを使用する

Laravelのデフォルトのページネーションビューは、ブートストラップに対応していますが、カスタマイズすることもできます。以下の手順に従って、カスタムページネーションビューを作成しましょう。

  1. resources/views/vendor/paginationディレクトリ内にbootstrap.blade.phpという名前の新しいビューファイルを作成します。

  2. 以下のコードをbootstrap.blade.phpファイルに追加します:

<nav>
    <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
        {{-- 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>
</nav>
  1. ページネーションを表示するビューで、新しく作成したカスタムビューを使用します。例えば、次のようになります:
{{ $posts->links('vendor.pagination.bootstrap') }}

以上がLaravelでブートストラップページネーションを実装する方法です。これらの方法を使って、コード例とともにブログ投稿を作成することができます。