LoginSignup
1
3

More than 3 years have passed since last update.

Rails ページング機能 [gem kaminari]を導入する流れについてまとめてみた。

Last updated at Posted at 2020-09-23

kaminari導入の仕方

1.Gemfileにkaminariを追加して保存

Gemfile
gem 'kaminari','~> 1.2.1'

2.kaminariをインストールする

Gemfileに追記できましたら、以下コマンドを実行して、kaminariをインストールします。
$ bundle install
さらに、kaminariの設定ファイルを作成します。
以下のコマンドを実行しましょう。
$ rails g kaminari:config
最後に、kaminariがページャで利用するテンプレートを作成します。
以下のコマンドを実行しましょう。
$ rails g kaminari:views default

3.ページャを実装する

app/views/books/index.html.erb
 <%= @books.each do |book| %>
        :
        :
 <% end %>
 <%= paginate @books %> #このコードを追加
app/controllers/books_controller.rb
@books = Books.all.page(params[:page]).per(10) #.page以降追加

この場合1ページの表示件数が10件まで表示される。

10件以上投稿するとこのように次のページへと分かれる。
アイコン

4.kaminariにBootstrapを適用させる

Bootstrapをすでに導入していれば簡単にkaminariに適用させることができる。

$ rails g kaminari:views bootstrap3

Bootstrap4の人は
$ rails g kaminari:views bootstrap4

これでapp/views/kaminariフォルダにBootstrap用のViewが生成され、Bootstrap用のテンプレートに適用される。

1
3
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
1
3