kaminari

Je voudrais vous présenter une gemme avec un nom sympa! !!

Pensez-vous qu'il devient difficile de voir quand les images de produits s'accumulent lors du développement d'une application post-type?

C'est un joyau qui résout de tels problèmes, donc si vous créez une application de type post, veuillez l'utiliser! !!

Tout d'abord, comme prémisse Cette fois, je parlerai de la méthode à introduire dans l'application existante.

Je n'ai donc pas encore créé de fonction de publication ~ Veuillez commencer à partir de là.

Alors ouvrez d'abord le Gemfile

gem 'kaminari'

Et écris en bas

bundle install

Faisons le

Ensuite, le fichier de vue auquel vous souhaitez appliquer la pagination, Dans le fichier du contrôleur Ajouter une entrée Dans mon cas, je voulais page le livre, alors J'ai écrit

`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`


<%#Informations sur le livre%>
  <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>

La description ajoutée est

`books_controller.rb`


   @books = Book.page(params[:page]).per(1).order('updated_at DESC')

`index.html.erb`


<%=paginate @books %>

Pas question ça Uniquement: ensoleillé:

bijou est incroyable lol (vocabulaire)

Au fait

.order('updated_at DESC')

Si vous ajoutez, vous pouvez modifier la commande à partir de la dernière Si vous voulez vous y tenir, mettons-le.

Aussi, pour ceux qui veulent améliorer le design

`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">Ajoutez une phrase! !!
    <%= 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>

après

rails g kaminari:views bootstrap3

Ensuite, vous pouvez faire un design décent par défaut

Veuillez l'utiliser! !!

Aussi, S'il y a quelque chose qui ne va pas Nous nous excusons pour la gêne occasionnée, mais veuillez commenter afin que les personnes qui liront cet article ne soient pas endommagées! !!

Cet article a été rédigé en référence aux informations suivantes.

[RUBY] Présentation de gem (Kaminari) recommandée pour ceux qui souhaitent organiser des images alignées dans une rangée

kaminari

books_controller.rb

book.html.erb

books_controller.rb

index.html.erb

application.html.erb

`books_controller.rb`

`book.html.erb`

`books_controller.rb`

`index.html.erb`

`application.html.erb`