[Rails5学習用]コメント付きブログを簡単に作成してデザインも一緒にする手順3

sampleblog6.png

[Rails5学習用]コメント付きブログを簡単に作成してデザインも一緒にする手順2 の続き

テスト用データを一括で入れる

seedへ記入します

seeds.rb
10.times do |i|
  Post.create(
          name: "名前 #{i}",
          title: "タイトル #{i}",
          content: "コンテンツ #{i}"
  )
end

db/seeds.rb へ上記を記入します。
10の部分を 50にすると50件テストデータが入ります。

ページネーションを作ります

will_paginateを追加します

gem 'will_paginate',           '3.1.6'
gem 'bootstrap-will_paginate', '1.0.0'

Bootstrapを使っているので、Bootstrapのページネーションが使えるようにします。

$ bundle install

posts_controller.rbを変更

posts_controller.rb
  def index
    @posts = Post.paginate(page: params[:page], per_page: 5).order(created_at: 'desc')
    # @posts = Post.all.order(created_at: 'desc')
  end

10個ごとにページを分割して最新順に表示させます。

index.html.erbに追加

sampleblog6.png

index.html.erb
<%= will_paginate(@posts, renderer: WillPaginate::ActionView::Bootstrap4LinkRenderer) %>

テンプレートの表示させたい部分に上記を追加します。
この様に表示されます。

<%= will_paginate %>だけでも表示されますが
うまくBootstrapが反映されません。
あとで文字列の変更方法を学習して追記したいと思います。

学習項目

[Rails5学習用]コメント付きブログを簡単に作成してデザインも一緒にする手順1
 ┗ブログ(掲示板)の様なものを作成します。
[Rails5学習用]コメント付きブログを簡単に作成してデザインも一緒にする手順2
 ┗Bootstrapをテンプレートに当てはめてきれいに表示します。
[Rails5学習用]コメント付きブログを簡単に作成してデザインも一緒にする手順3
 ┗ページネーションとテストデータを一括登録します。

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.