[학습용] Rails5 댓글이 달린 블로그를 쉽게 만들고 디자인도 함께 하기 3단계
3818 단어 bootstrap4루비RailsRails5
[Rails5 학습용] 코멘트 첨부 블로그를 간단하게 작성해 디자인도 함께 하는 순서 2 계속
테스트 데이터를 일괄 적으로 넣기
seed에 기입합니다
seeds.rb10.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에 추가
index.html.erb<%= will_paginate(@posts, renderer: WillPaginate::ActionView::Bootstrap4LinkRenderer) %>
템플릿이 표시할 부분에 위를 추가합니다.
이렇게 표시됩니다.
<%=will_paginate%>만 표시됩니다.
잘 부트 스트랩이 반영되지 않습니다.
나중에 문자열을 변경하는 방법을 배우고 추가하고 싶습니다.
학습 항목
[Rails5 학습용] 코멘트 첨부 블로그를 간단하게 작성해 디자인도 함께 하는 순서 1
┗블로그(게시판)와 같은 것을 작성합니다.
[Rails5 학습용] 코멘트 첨부 블로그를 간단하게 작성해 디자인도 함께 하는 순서 2
┗ Bootstrap을 템플릿에 적용하고 깔끔하게 표시합니다.
[Rails5 학습용] 코멘트 첨부 블로그를 간단하게 작성해 디자인도 함께 하는 순서 3
┗ 페이지 네이션과 테스트 데이터를 일괄 등록합니다.
Reference
이 문제에 관하여([학습용] Rails5 댓글이 달린 블로그를 쉽게 만들고 디자인도 함께 하기 3단계), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/matcham/items/719889345c90ab6e3b59
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
10.times do |i|
Post.create(
name: "名前 #{i}",
title: "タイトル #{i}",
content: "コンテンツ #{i}"
)
end
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에 추가
index.html.erb
<%= will_paginate(@posts, renderer: WillPaginate::ActionView::Bootstrap4LinkRenderer) %>
템플릿이 표시할 부분에 위를 추가합니다.
이렇게 표시됩니다.
<%=will_paginate%>만 표시됩니다.
잘 부트 스트랩이 반영되지 않습니다.
나중에 문자열을 변경하는 방법을 배우고 추가하고 싶습니다.
학습 항목
[Rails5 학습용] 코멘트 첨부 블로그를 간단하게 작성해 디자인도 함께 하는 순서 1
┗블로그(게시판)와 같은 것을 작성합니다.
[Rails5 학습용] 코멘트 첨부 블로그를 간단하게 작성해 디자인도 함께 하는 순서 2
┗ Bootstrap을 템플릿에 적용하고 깔끔하게 표시합니다.
[Rails5 학습용] 코멘트 첨부 블로그를 간단하게 작성해 디자인도 함께 하는 순서 3
┗ 페이지 네이션과 테스트 데이터를 일괄 등록합니다.
Reference
이 문제에 관하여([학습용] Rails5 댓글이 달린 블로그를 쉽게 만들고 디자인도 함께 하기 3단계), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/matcham/items/719889345c90ab6e3b59
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여([학습용] Rails5 댓글이 달린 블로그를 쉽게 만들고 디자인도 함께 하기 3단계), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/matcham/items/719889345c90ab6e3b59텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)