【Rails】bootstrap으로 페이지네이션 기능을 작성한다
3837 단어 Bootstrap루비RailsRubyOnRails5.2
gem 설치
kaminari
gem을 설치합니다.gem 'kaminari'
gem 'kaminari-bootstrap', '~> 3.0.1' #bootstrap3用
$ bundle install
설치 후 서버를 다시 시작합니다.
yml 파일 만들기
config/locales
에 kaminari_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;
}
완성
이상으로, 페이지 네이션 기능을 작성할 수 있습니다!
Reference
이 문제에 관하여(【Rails】bootstrap으로 페이지네이션 기능을 작성한다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/daichi0713/items/f71f4471f866164f8ac7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)