【Rails】bootstrap으로 페이지네이션 기능을 작성한다

gem 설치


kaminari gem을 설치합니다.
gem 'kaminari'
gem 'kaminari-bootstrap', '~> 3.0.1' #bootstrap3用
$ bundle install

설치 후 서버를 다시 시작합니다.

yml 파일 만들기


config/localeskaminari_ja.yml 를 작성해, 이하를 기재합니다.

kaminari_en.yml
ja:
  views:
    pagination:
      first: "« 最初"
      last: "最後 »"
      previous: "‹ 前"
      next: " ›"
      truncate: "..."

컨트롤러 변경


class PostsController < ApplicationController
  def index
    @posts = Post.all
  end

다음과 같이 변경합니다.
PER = 5  #区切りたいところを決める

class PostsController < ApplicationController
  def index
    @posts = Post.page(params[:page]).per(PER)
  end

뷰 변경



삽입하고 싶은 부분에 다음을 기입합니다.
    <div class="paginate text-center">
      <%= paginate @like_posts %>
    </div>

추기:중앙



자동으로 pagenation 클래스가 생성되기 때문에
다음과 같은 방법으로 중앙을 맞출 수 있습니다.

.pagination {
  justify-content: center;
}

완성





이상으로, 페이지 네이션 기능을 작성할 수 있습니다!

좋은 웹페이지 즐겨찾기