"kaminari"사용법

8626 단어 RubyRails

입문


"kaminari"설치를 했으니까 잊지 마세요

「kaminari」


이것은 페이지 연결을 실현하는rubygem 중의 하나입니다.
어떤 일람 페이지를 표시할 때, 보기 편리하도록 숫자로 페이지를 분할하고, 최초와 마지막 페이지에 날아갈 수 있는 단추를 설치할 수 있다.

실시


설치


우선gem를 설치합니다.
일본어 표기이기 때문에 "i18n"을 함께 설치합니다.
'i18n'은 예전에 공부하면서 미리 붙였기 때문이다.
[Rails] 일본어 표기법
Gemfile

gem 'kaminari'
gem 'rails-i18n'

설치!

bundle install

컨트롤러


controller.rb

def index
    @advises = Advise.page(params[:page])
  end

뷰 파일


view.html.erb

 <div class="advise-lists">
   <% @advises.each do |advise| %>
     <ul class="advise-text">
       <li><%= link_to advise.title, advise_path(advise), class: "advise2_link" %></li>
     </ul>
   <% end %>     <!--↑ 一覧表示の部分-->            
 </div>         <!--↓ ページネーション実装部分-->      

 <%= paginate @advises %>


"kaminari" 프로필 만들기


rails g kaminari:config

kaminari_config 파일이 생성됩니다.
취향에 따라 변경하다.
우리는 일부러 "default_per_page"를 페이지당 3 줄로 설정했습니다.
config/initializers/kaminari_config.rb

# frozen_string_literal: true

Kaminari.configure do |config|
 config.default_per_page = 3
  # config.max_per_page = nil
  # config.window = 4
  # config.outer_window = 0
  # config.left = 0
  # config.right = 0
  # config.page_method_name = :page
  # config.param_name = :page
  # config.max_pages = nil
  # config.params_on_first_page = false
end

많은 프로젝트가 있지만
여기 있다
프리랜서 LIFE!:Gem으로 [Rails] 페이지 연결!
TECH SCORE BLOG: Rails 라이브러리 소개: 페이지별 "kaminari" 진행
여기에는 다음이 포함됩니다.
default_per_page
기본 페이지당 표시 수 (기본값은 25) 입니다.
max_per_page
페이지당 최대 수량 (기본값은nil, 무제한) 입니다.
window
페이지의 좌우 각 페이지를 표시하는 링크를 지정합니다(기본값은 4).위의 그림은 기본 4입니다. 11페이지가 표시됩니다.11의 좌우에 각각 4페이지의 링크가 생성되었다.
outer_window
첫 페이지와 마지막 페이지부터 몇 페이지의 링크를 표시할지 지정합니다(기본값은 0).왼쪽, 오른쪽을 지정하면 값이 우선합니다.
left
첫 페이지부터 링크를 표시할 페이지를 지정합니다(기본값은 0).위의 그림은 3을 지정한 경우입니다.
right
마지막 페이지부터 링크를 표시할 페이지를 지정합니다(기본값은 0).위의 그림은 2를 지정한 경우입니다.
page_method_name
모델에 추가할 페이지 번호의 역할 영역의 이름을 지정합니다(기본값은 페이지).
param_name
페이지 번호를 전달하는 요청 매개 변수의 이름 (기본값은 페이지) 입니다.
참조: Rails 라이브러리 설명: 페이지별 "kaminari"

로케일 설정


로케일 파일의 로드 경로를 설정합니다.
기본 언어 환경을 일본어(ja)로 설정합니다.
config/application.rb

config.i18n.load_path +=
      Dir[Rails.root.join("config", "locales", "**", "*.{ry,yml}").to_s]
    config.i18n.default_locale = :ja

뷰 디렉터리를 만들고 그 아래에서 파일을 만듭니다.
locales/views/pagenate.ja.yml

ja:
  views:
    pagination:
      first: "先頭"
      last: "最後"
      previous: "前へ"
      next: "次へ"
      truncate: "..."

이렇게 하면 영어 표기에서 일본어 표기 대신 페이지 연결을 실현할 수 있다.

하면, 만약, 만약...

rails g kaminari:views default

의 양곡 탄젠트 값
뷰에서 생성됩니다.

이 파일들을 편집하면 페이지 인덱스의 보기를 변경할 수 있습니다.
(_gap.html.erb 페이지 생략 "..."부분
_page.html.erb는 페이지 번호의 부분입니다.
_paginator.html.erb는 전체 구성 정의)

총결산


설치 자체가 어렵지는 않지만, 맞춤형 방법을 다시 한 번 터치해서 배우고 싶습니다.
나는 최근에 장식과 맞춤형 부분을 다시 만들고 싶다.
    
            

참고 자료


kikawaka: [Rails] kaminari의 사용법을 익히세요!
설정 항목 확인하기
RAILS GUIDES:Configuring Rails Applications
장식 참고
kaminari를 사용하여 페이지 연결을 실현하는 방법

좋은 웹페이지 즐겨찾기