[RUBY] Einführungsedelstein (Kaminari) empfohlen für diejenigen, die Bilder in einer Reihe anordnen möchten

Hallo,

Ich strebe danach, ein freeter Blogger-Ingenieur zu sein. (Naga)


Dieses Mal ist es eines der Juwelen, die mich wirklich schockiert haben, als ich es tatsächlich benutzt habe.

kaminari

Ich möchte Ihnen einen Edelstein mit einem coolen Namen vorstellen! !!

Denken Sie nicht, dass es schwierig ist zu erkennen, wann Produktbilder während der Entwicklung einer Post-Type-Anwendung gesammelt werden?

Es ist ein Juwel, das solche Probleme löst. Wenn Sie also eine Post-Type-App erstellen, verwenden Sie sie bitte! !!


Zunächst als Prämisse Dieses Mal werde ich über die Methode sprechen, die in der vorhandenen Anwendung eingeführt werden soll.

Also habe ich noch keine Posting-Funktion gemacht ~ Bitte fangen Sie von dort an.

Öffnen Sie also zuerst die Gemfile

gem 'kaminari'

Und schreibe nach unten

bundle install

Machen wir das

Als Nächstes die Ansichtsdatei, auf die Sie die Pagenierung anwenden möchten. In der Controller-Datei Eintrag hinzufügen In meinem Fall wollte ich das Buch also seiten Ich schrieb

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


<%#Buchinformationen%>
  <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>
    

Die hinzugefügte Beschreibung lautet

books_controller.rb


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

index.html.erb


<%=paginate @books %>

Auf keinen Fall das Nur: sonnig:

Edelstein ist erstaunlich lol (Wortschatz)

Apropos

.order('updated_at DESC')

Wenn Sie hinzufügen, können Sie die Reihenfolge von der neuesten ändern Wenn Sie dabei bleiben möchten, lassen Sie es uns einfügen.

Auch für diejenigen, die das Design verbessern wollen

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">Füge einen Satz hinzu! !!
    <%= 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>

nach

rails g kaminari:views bootstrap3

Dann können Sie standardmäßig ein anständiges Design erstellen

Bitte benutzen Sie es! !!

Ebenfalls, Wenn etwas nicht stimmt Wir entschuldigen uns für die Unannehmlichkeiten, aber bitte kommentieren Sie, damit die Personen, die diesen Artikel lesen, nicht beschädigt werden! !!

Dieser Artikel wurde unter Bezugnahme auf die folgenden Informationen verfasst.

Recommended Posts

Einführungsedelstein (Kaminari) empfohlen für diejenigen, die Bilder in einer Reihe anordnen möchten
Für diejenigen, die MySQL für die Datenbank in der Umgebungskonstruktion von Rails6 ~ verwenden möchten.
VS Code FAQ für diejenigen, die Eclipse entkommen möchten