[RUBY] Implementieren Sie die Sternebewertungsfunktion mit Raty in Rails 6

Implementierte Sternbewertungsfunktion mit Raty on Rails6.

Stellen Sie zuerst Jquery https://qiita.com/masahisa/items/eaacb0c3b82f4a11fc13

Bitte führen Sie jquery ein, die sich darauf bezieht. Schienen werden6 Es ist leicht, die Beschreibung von $ yarn add jquery zu vergessen, seien Sie also vorsichtig.

Speichern Sie das Sternbild von Github https://github.com/wbotelhos/raty/tree/master/lib/images Speichern Sie dies in App / Assets / Images.

Kopieren Sie auch den Javascript-Code von Github Da es in Rails6 keinen Ordner mit dem Namen app / assets / javascripts gibt, Erstellen Sie einen Ordner namens Javascripts in App / Assets. Erstellen Sie eine Datei aplication.js darunter und fügen Sie den gesamten von github kopierten Code dort ein.

in app / assets / config / manifest.js

//= link_directory ../javascripts .js

Hinzufügen.

in app / layouts / application.html.erb

<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

Hinzufügen.

Dies ist die Umgebungseinstellung. Bitte beachten Sie, dass die Methode bis auf Rails6 sehr unterschiedlich ist. (Ich bin mir nicht sicher, ob diese Methode auch in 6 korrekt ist, aber ich konnte sie damit lesen.)

Implementierung der folgenden Funktionen.

Tarifspalte hinzugefügt

Float-Typ wird empfohlen. Denn auch ein halber Stern kann reflektiert werden. In meinem Fall in der Bewertungstabelle erstellt. Bewerten Sie die geposteten Artikel mit Sternen.

rails g migration AddRateToEvaluations rate:float 　　　　　　　　　　↓ rails db:migrate

In Form der Ansicht möchten Sie eine Sternebewertungsfunktion hinzufügen

  <div class="form-group row" id="star">

<% = f.label: rate, 'Umfassende Bewertung', Klasse: 'col-md-3 col-form- label' %> <%= f.hidden_field :rate, id: :review_star %>

<! - Evaluation Javascript->

Beschreiben. Der Punkt ist, review_star für id in hidden_field zu definieren. Laden Sie das im Js-Teil gespeicherte Sternbild.

Vergessen Sie nicht, den Ratenparameter auf dem Controller zuzulassen. Sie sollten jetzt bereit sein, mit einem Stern zu tippen.

Vorerst werde ich auch den Code einfügen, der die eingegebenen Daten anzeigt. In meinem Fall gibt es eine Kommentarspalte in der Bewertungstabelle, und das Post-Modell und das Benutzermodell sind miteinander verknüpft. Verwenden Sie sie daher nur als Referenz.

   <tbody>
     <% @evaluations.each do |evaluation| %>
    <tr>
     <td><%= evaluation.comment %></td>
     <td>
     <a href="/users/<%= evaluation.user.id %>">
    <%= evaluation.user.nickname %>
   </a></td>

<! - Sternebewertung->

      <% end %>

<! - / Sternebewertung->

  </tr>

das ist alles.

https://gyazo.com/4e0cd5b4b5dc11d134bc65e6a7b7db74

Das ist das Bild. Es gibt keinen Artikel auf Rails6, und ich habe ihn mit Gewalt unter Bezugnahme auf andere Artikel als 6 erstellt, daher denke ich, dass die richtige Antwort anders ist.