データベースを複数ページに表示

Question

現在ページにデータベースを一覧にして単純にページに表示しています。日付のフォームは作り終え、以下の画像ような（データを20件ずつ区切りで表示できるようにする）表示をしたいと考えているのですが調べてもわからずこちらで質問させていただきました。

こういったページを作る場合どういったアプローチをすればよいのでしょうか。参考となるようなページ等ご教示いただくだけでも幸いです。

よろしくお願いいたします。

index.html.erb

    <% @users.each do |user| %>
      <div class="users-index-item">
        <div class="user-right">
          <%= user.name %>
          <%= user.email %>
          <%= user.xx %>
          <%= user.yy %>
          <%= user.zz %>
        </div>
      </div>
    <% end %>

Answer 1

1ページにN件ずつ表示するという処理を「ページング」と言います。
「Rails ページング」でググるとだいたい出てきます。
will_paginateやkaminariというgemが有名です。

私はwill_paginateしか使った事がないので、will_paginateの例を出します。
will_paginateの導入は、
Gemfileにgem 'will_paginate'を追記して、bundle installを実行するだけです。

コントローラで@usersを取得する処理を書き替えます。

@users = User.paginate(page: params[:page], per_page: 10)

#並び順を指定したい場合は、paginateの前に付けます。
@users = User.order(created_at: :desc).paginate(page: params[:page], per_page: 10)

こうすると、@users.each do .... では、per_pageで指定した10件だけがループされます。

.paginateをつけて実行すると、@usersに以下のメソッドが動的に追加されます(will_paginateの機能)。
@users.current_page
@users.next_page (次のページがなければnil)
@users.previous_page (前のページがなければnil)
@users.total_pages

ビューには、このように書きます。

<% @users.each do |user| %>
...いつものやつ
<% end %>

<!-- 各ページへのリンク -->
<%= will_paginate @users %>

動作確認していないので、このままでは動かないかもしれませんが概要は伝わったと思います。

Comments

[lyzmfeqpxs54]

連絡が遅くなり申し訳ございません。mingos様にご教示いただいたようにGemをbundle installし、controllerとViewに書いたところ目的のようなページングを無事行うことができました。

本当にありがとうございます。
また何かありました際に色々とご教示いただければと思います。