즐라와 늘어선 이미지를 정리하고 싶은 사람에게 추천 gem (Kaminari)에 대해 소개

안녕하세요,

프리터의 블로거의 엔지니어 지망입니다. (나가)

이번은 내가 실제로 사용해 엄청나게 충격을 받은 젬의 하나이다

번개



라는 멋진 이름의 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

그러면 기본적으로 괜찮은 디자인을 할 수 있습니다.

꼭 사용해보세요! !

또한,
뭔가 잘못된 곳이 있다면,
몹시 수고스럽지만, 이 기사를 봐 주신 사람이 피해를 받지 않기 위해서도 코멘트 부탁드립니다! !

이 기사는 다음 정보를 참고로 작성했습니다.
  • 【Rails 초보자】페이지 네이션을 구현해 자신 취향에 디자인을 바꾼다
  • 【Ruby on Rails】 gem (Kaminari)에서 페이지 네이션 기능을 추가하여 Bootstrap을 적용한다.
  • 좋은 웹페이지 즐겨찾기