즐라와 늘어선 이미지를 정리하고 싶은 사람에게 추천 gem (Kaminari)에 대해 소개
4969 단어 젬pagination루비Rails
프리터의 블로거의 엔지니어 지망입니다. (나가)
이번은 내가 실제로 사용해 엄청나게 충격을 받은 젬의 하나이다
번개
라는 멋진 이름의 Gem을 소개시켜 주셨으면 합니다! !
투고형 앱 개발을 하고 있는 가운데 상품 이미지가 모이면 보기 힘들어져 싫다~라고 생각하지 않습니까?
그런 고민을 해결해 주는 Gem이므로, 투고형 앱을 만들고 있는 분은 꼭 사용해 보세요! !
우선 전제로서,
이번에는 기존 앱에 도입하는 타이로 이야기하겠습니다.
그래서 아직 게시 기능이 없어요 ~
라는 분은 거기서부터 시작해 주세요.
그럼 먼저 Gemfile을 엽니 다.
gem 'kaminari'
그리고 아래쪽에 쓰기
bundle install
하자.
그런 다음 페이지 네이션을 적용하려는 view 파일,
controller 파일에
기입 추가
내 경우에는 책을 페이지 네이션하고 싶었기 때문에,
이렇게 썼습니다.
books_controller.rb
def index
@books =Book.all
@books = Book.page(params[:page]).per(1).order('updated_at DESC')
@book =Book.includes(:user)
set_book_column
end
book.html.erb<%# 本の情報 %>
<div>
<% @books.each do |book|%>
<% if book.present?%>
<tr>
<td> <h3 class="item-name"><%= book.genre.type %></h3></td>
<td> <h2 class="item-name"><%= book.name %></h2></td>
<%= link_to "/books/#{book.id}" do %>
<td><%= image_tag book.image , id: 'slideshow' if book.image.attached?%></td>
<% end %>
</tr>
<%end%>
<% end %>
</div>
<div id="page">
<%=paginate @books %>
</div>
추가한 설명은
books_controller.rb @books = Book.page(params[:page]).per(1).order('updated_at DESC')
index.html.erb<%=paginate @books %>
설마 이것
오직
gem 굉장해요 웃음(어휘력)
그건 그렇고
.order('updated_at DESC')
그리고 추가하면 순서를 최신 녀석에서 만들 수 있습니다.
고집하고 싶은 사람은 넣어 봅시다.
또한 디자인을 좋아하고 싶은 사람은
application.html.erb<!DOCTYPE html>
<html>
<head>
<title>Books</title>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">一文をを追加!!
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<%= yield %>
</body>
</html>
그런 다음
rails g kaminari:views bootstrap3
그러면 기본적으로 괜찮은 디자인을 할 수 있습니다.
꼭 사용해보세요! !
또한,
뭔가 잘못된 곳이 있다면,
몹시 수고스럽지만, 이 기사를 봐 주신 사람이 피해를 받지 않기 위해서도 코멘트 부탁드립니다! !
이 기사는 다음 정보를 참고로 작성했습니다.
gem 'kaminari'
bundle install
def index
@books =Book.all
@books = Book.page(params[:page]).per(1).order('updated_at DESC')
@book =Book.includes(:user)
set_book_column
end
<%# 本の情報 %>
<div>
<% @books.each do |book|%>
<% if book.present?%>
<tr>
<td> <h3 class="item-name"><%= book.genre.type %></h3></td>
<td> <h2 class="item-name"><%= book.name %></h2></td>
<%= link_to "/books/#{book.id}" do %>
<td><%= image_tag book.image , id: 'slideshow' if book.image.attached?%></td>
<% end %>
</tr>
<%end%>
<% end %>
</div>
<div id="page">
<%=paginate @books %>
</div>
@books = Book.page(params[:page]).per(1).order('updated_at DESC')
<%=paginate @books %>
.order('updated_at DESC')
<!DOCTYPE html>
<html>
<head>
<title>Books</title>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">一文をを追加!!
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<%= yield %>
</body>
</html>
rails g kaminari:views bootstrap3
Reference
이 문제에 관하여(즐라와 늘어선 이미지를 정리하고 싶은 사람에게 추천 gem (Kaminari)에 대해 소개), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shunichfukui/items/1b7bf180641d343b80f0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)