[RUBY] So implementieren Sie eine ähnliche Funktion in Rails

Ich werde Ihnen zeigen, wie Sie die Like-Funktion in Rails implementieren. Das fertige System sieht wie folgt aus.

Umgebung

• Ruby 2.5.7
• Rails 5.2.4

Annahme

• Die Login-Funktion von devise kann implementiert werden.
• Die Benutzertabelle ist "Benutzer", die Artikeltabelle ist "Beiträge" und die Zwischentabelle von Likes ist "Likes".
• Titel zur Beitragsspalte hinzufügen

Wie Modell hinzugefügt

$ rails g model like user_id:integer post_id:integer

$ rails db:migrate

Assoziation einrichten

Beschreiben Sie jeweils Folgendes und legen Sie die Zuordnung fest.

like.rb

  belongs_to :user
  belongs_to :post

user.rb

  has_many :likes, dependent: :destroy

post.rb

  has_many :likes, dependent: :destroy

Routing einrichten

routes.rb

  resources :posts, shallow: true do
    resources :likes, only: [:create, :destroy]
  end

Erstellen Sie die Methode liked_by?

post.rb

  def liked_by?(user)
    likes.where(user_id: user.id).exists?
  end

Beschreibung der Steuerung

likes_controller.rb

  def create
    like = Like.new(user_id: current_user.id, post_id: params[:post_id])
    @post = like.post
    like.save
    redirect_back(fallback_location: posts_path)
  end

  def destroy
    like = Like.find(params[:id])
    @post = like.post
    like.destroy
    redirect_back(fallback_location: posts_path)
  end

Bootstrap eingeführt

Gemfile

gem 'bootstrap-sass', '~> 3.3.6'
gem 'jquery-rails'

$ bundle install

Benennen Sie die Datei application.css in application.scss um

$ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss

Laden Sie Bootstrap in scss

Schreiben Sie Folgendes in application.scss

application.scss

@import "bootstrap-sprockets";
@import "bootstrap";

Bearbeiten Sie application.js

Der folgende Teil von application.js

application.js

//= require rails-ujs
//= require turbolinks
//= require_tree .

Von

application.js

//= require rails-ujs
//= require jquery
//= require bootstrap-sprockets
//= require_tree .

Umschreiben an.

Bearbeiten Sie index.html.erb

html:index.html.erb

<div class="container">
  <h1>Liste der Artikel</h1>
  <table class="table">
    <% @posts.each do |post| %>
      <tr>
        <td><%= post.title %></td>
        <td>
          <% if post.liked_by?(current_user) %>
            <% like = Like.find_by(user_id: current_user.id, post_id: post.id) %>
            <%= link_to like_path(like), method: :delete do %>
              <span class="glyphicon glyphicon-heart" aria-hidden="true" style="color: red;">
              <span><%= post.likes.count %></span>
            <% end %>
          <% else %>
            <%= link_to post_likes_path(post), method: :post do %>
              <span class="glyphicon glyphicon-heart" aria-hidden="true" style="color: gray;">
              <span><%= post.likes.count %></span>
            <% end %>
          <% end %>
        </td>
      </tr>
    <% end %>
  </table>
</div>

Dies ist abgeschlossen.

Referenzartikel

https://qiita.com/soehina/items/a68ab66da3ea1d260301