kaminariのgemを用いたページネーションの実装方法

ページネーションとは、長い文章を複数のページに分割して、各ページへのリンクを並べアクセスしやすくすること。
https://gyazo.com/7acc560088bf6fb2c04b90dda3b3d38e

実装手順

１．kaminariのGemをインストールしてサーバーを立ち上げ直す

Gemfileの最後の行にgemを記述する。

gem 'kaminari'

Gemをインストールする。

$ bundle install

rails s(サーバー)を立ち上げ直す。

rails s

２．コントローラファイルを編集する

kaminariのgemをインストールすることで使えるメソッド

1.pageメソッド

params[:page]

2.perメソッド
1ページあたりに表示する件数を指定するメソッドである。

per(1ページあたりに表示する件数)

3.「page」と「per」メソッドを利用して、コントローラに記述すると以下のようになる。

def index
    @tweets = Tweet.includes(:user).page(params[:page]).per(5).order("created_at DESC")
end

３．ビューファイルを編集する

paginateメソッド
ページネーションのリンクを表示したいときに使用するメソッドである。

paginate(インスタンス変数)

ビューファイルにはルビータグで囲って使用する。

<div class="contents row" >
    <% @tweets.each do |tweet| %>
      <div class="content_post" style="background-image: url(<%= tweet.image %>);">
        <%= simple_format(tweet.text) %>
        <span class="name"><%= tweet.name %></span>
      </div>
    <% end %>
  <%= paginate(@tweets) %>
</div>