0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Rails】ページネーションkaminari導入方法

Last updated at Posted at 2023-03-28

ページネーションとは

投稿一覧などにすべて投稿されてたものが表示されると、読み込みに時間がかかってしまうため、
ページネーション機能を使って、1つのページに表示される数を制限し、重くならないようにしていこうと思います!

image.png
こんな感じのものを作る。

メリット

・読み込みが速くなる!

kaminariをインストールする

早速使えるように設定していきましょう。
ページネーションと使うには「kaminari」とうgemファイルを使っていきます。

Gemfile
:
:
gem 'kaminari','~> 1.2.1'     #最後尾に記述

bundle installインストールしていきます。

$ bundle install   #大事です

kaminariの設定ファイルを作成します。

$ rails g kaminari:config

kaminariがページャで利用するテンプレートを作成します。

 $ rails g kaminari:views default

以上で使えるように設定完了です。

使い方

使い方についてです。

まずコントローラー

def index
    @books = Book.all
  end

下記のように変更

def index
    @books = Book.page(params[:page]).per(5) #5件だけ表示できます。
  end

次にビュー

<%= paginate books %> を記述する

<% books.each do |book| %>

:
:

<% end %>
<%= paginate @books %>      #これを記述すると表示されます。

これでOK!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?