Rails gem Kaminari로 페이지 네이션 기능을 쉽게 만들 수 있습니다.

2323 단어 Rails번개
페이지 네이션 기능을 간단하게 만들기 위한 기술예입니다.
도움이되면 다행입니다.
또, 실수 등이 있으면 지적해 주시면 감사하겠습니다.

또한 환경은
· macOS Catalina
· Ruby on Rails 6.0.3.3
입니다.

haml 사용하고 있습니다. erb나 slim 사용하고 있는 분은 읽어 주세요.
Bootstrap 4.4.1은 yarn을 사용하여 설치됩니다.
jquery도 popper도 종속성에 있으므로 함께 설치하고 있습니다.
(어디까지나 예이므로 다른 방법으로 Bootstrap을 적용하는 경우에는 그러하지 않습니다.)
% yarn add [email protected] [email protected] [email protected] 

Bootstrap의 적용 방법은 생략합니다.

이하, 기술 예입니다.



Gemfile
gem 'kaminari', '~> 1.2.0'

터미널
% bundle install
% rails g kaminari:views bootstrap4

config/kaminari_en.yml
ja:
  views:
    pagination:
      first:    "« 最初"
      last:     "最後 »"
      previous: "‹ 前"
      next:     "次 ›"
      truncate: "…"
  helpers:
    page_entries_info:
      one_page:
        display_entries:
          zero: ""
          one: "<strong>1-1</strong> / 1件中"
          other: "<strong>1-%{count}</strong> / %{count}件中"
      more_pages:
        display_entries: "<strong>%{first}-%{last}</strong> / %{total}件中"

페이지 네이션을 원하는 뷰 파일 .haml
# 記述追加
= page_entries_info @events
= paginate @events

이런 느낌이 될 것입니다.

좋은 웹페이지 즐겨찾기