Ruby On Rails - 訪問 JQuery 中的 current_user 屬性

Question

我制作了一份餐廳指南，並且正在實施星級評分系統。 到目前為止一切都很好，但現在我在 JQuery 部分遇到了困難，該部分保存了當前用戶為餐廳投票的星數。 下面是相關代碼：

架構 -------------------------

  create_table "ratings", force: :cascade do |t|
    t.integer "star"
    t.integer "restaurant_id"
    t.integer "user_id"
  end

楷模 - - - - - - - - - - - - -

餐廳型號：

class Restaurant < ApplicationRecord
   has_many :ratings
end

評級模型：

   class Rating < ApplicationRecord
      belongs_to :restaurant
      belongs_to :user
    end

用戶模型：

class User < ApplicationRecord
  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :validatable
  has_many :ratings
end

控制器--------------------

評級控制器

class RatingsController < ApplicationController
  def create
    @restaurant = Restaurant.find(params[:restaurant_id])
    @rating = @restaurant.ratings.create(params[:rating].permit(:star))
    @rating.user = current_user
    @rating.save
    flash[:notice] = 'Obrigado pelo seu voto!'
    redirect_to restaurant_path(@restaurant)
  end
end

HTML -------------

<ul class="rating pl-0">
  <% form_id = "restaurant_#{@restaurant.id}_rating"  %>
  <%= form_for([@restaurant, @restaurant.ratings.build], :html => {:id => "restaurant_#{@restaurant.id}_rating", :class => "star_rating_form"}) do |f| %>
    <%= f.hidden_field :restaurant_id %>
    <%= f.hidden_field :star, :id => "#{form_id}_stars" %>
  <% end %>
  <% (1..5).each do |i| %>
    <li class="rating_star mx-1 pb-4 pt-1" data-stars="<%= i %>" data-form-id="<%= form_id %>" id="<%= "#{form_id}_#{i}" %>"></li>
  <% end %>
</ul>

JQUERY ---------------------------

var set_stars = function(form_id, stars){
    for(i=1; i<=5; i++){
      if(i <= stars){
        $('#' + form_id + '_' + i).addClass('on');
      } else {
        $('#' + form_id + '_' + i).removeClass('on');
      }
    }
  }

  $(function() {
    $('.rating_star').click(function() {
      var star = $(this);
      var form_id = $(this).attr('data-form-id');
      var stars = $(this).attr('data-stars');

      set_stars(form_id, stars);

      $('#' + form_id + '_stars').val(stars);

      $.ajax({
        type: "post",
        url: $('#' + form_id).attr('action'),
        data: $('#' + form_id).serialize()
      });
  });

  <% if user_signed_in? %>
    $('.star_rating_form').each(function(){
      var form_id = $(this).attr('id');
      var stars = <%= @restaurant.ratings.current_user ---- HERE'S THE PROBLEM ---- %>
      set_stars(form_id, stars)
    });
  <% end %>

在 JQuery 代碼的最后一部分（這里是問題）中，如果存在，我需要訪問 current_user 投票的星數。 我嘗試了很多東西，如果我輸入 <%= 4 %> 或 <%= @restaurant.ratings.count %> 只是為了看看它是否是別的東西，代碼就可以工作。 我需要訪問類似@restaurant.ratings.stars.current_user

Answer 1

在我問這個問題幾分鍾后，我發現了一個非常簡單的方法，叫做.find_by() ，我設法解決了這個問題。

下面是相關代碼：

HTML -------------

<%= form_for([@restaurant, @restaurant.ratings.find_by(user: current_user) || @restaurant.ratings.build], :html => {:id => "restaurant_#{@restaurant.id}_rating", :class => "star_rating_form"}) do |f| %>

JQUERY -------------------------

  <% if user_signed_in? %>
    $('.star_rating_form').each(function(){
      var form_id = $(this).attr('id');
      var stars = $('#' + form_id + '_stars').val();
      set_stars(form_id, stars)
    });
  <% end %>

希望這可以幫助某人。 :)