質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

受付中

星評価が正常に表示されません。

begin1990
begin1990

総合スコア31

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

1回答

0リアクション

0クリップ

877閲覧

投稿2018/02/03 07:59

編集2018/02/16 14:41

やりたいこと
dounan_kuchikomiに☆評価を付ける

やったこと
☆評価を付けて口コミを投稿

問題点
星を、5段階評価で最高の5個を付けたにも拘らず、口コミ投稿後のビュー画面では0になっている。
https://gyazo.com/929c1dcd7ae4e2c1222ecb9bd0559bb4

該当コード

dounan_kuchikomi_new.html.erb

<div class="area dounan"> <h1><%= @dounan.title %></h1> <ul class="media-list"> <div class="row"> <aside class="col-xs-6"> <div class="panel panel-default"> <div class="panel-heading"> <li class="media"> <h2>レビューを投稿する</h2> <%= form_for ([@dounan, @dounan_kuchikomi]) do |f| %> <%= f.label :rate, '評価' %> <%= tag.div('', class: 'raty', data: { rating: @dounan_kuchikomi.rate }) %> <!-- this hidden field will manipulated by raty-js / See: app/assets/javascripts/kuchikomis.js --> <%= f.hidden_field :rate %> <%= f.label :title, '題名' %> <%= f.text_field :title, class: 'form-control', rows: 5 %> <%= f.label :picture, '写真' %> <%= f.file_field :picture %><br /> <%= f.label :content, 'レビュー' %> <%= f.text_area :content, class: 'form-control', rows: 5 %> <br /> <%= f.submit '投稿' , class: 'btn btn-success btn-lg'%> <% end %> </li> </div> </div> </aside> </div> </ul> </div> <script> $('#star').raty({ size : 36, starOff: '<%= asset_path('star-off.png') %>', starOn : '<%= asset_path('star-on.png') %>', scoreName: 'kuchikomi[star]' }); </script>

dounan_kuchikomi.html.erb

<div class="area dounan"> <ul class="media-list"> <div> <%= link_to 'レビューする', new_dounan_dounan_kuchikomi_path(@dounan, @dounan_kuchikomi), class: 'btn btn-success' %> </div> </div><br /> <div class="panel panel-default"> <h2>レビュー一覧</h2> <% @dounan_kuchikomis.each do |dounan_kuchikomi| %> <% user = dounan_kuchikomi.user %> <ul class="media"> <div class="media-body"> <div> <%= link_to user.name, user_path(user) %> <span class="text-muted">投稿日時 <%= dounan_kuchikomi.created_at %></span> </div> <div> <div id="star"></div> <p>題名:<%= dounan_kuchikomi.title %></p> <p><%= dounan_kuchikomi.content %></p> </div> <div> <% if current_user == dounan_kuchikomi.user %> <%= link_to 'このレビューを削除する', dounan_kuchikomi, method: :delete, data: { confirm: '本当に削除してよろしいですか?' }, class: 'btn btn-danger btn-xs' %> <% end %> </div> </div> </ul> <% end %> </div> <%= paginate @dounan_kuchikomis %> </ul> </div> <script> $('#star').raty({ size : 36, starOff: '<%= asset_path('star-off.png') %>', starOn : '<%= asset_path('star-on.png') %>', scoreName: 'kuchikomi[star]' }); </script>

dounan_kuchikomi_controller

class DounanKuchikomisController < ApplicationController before_action :require_user_logged_in, only: [:new, :crete, :edit, :update, :destroy] before_action :correct_user, only: [:destroy] def index @dounan = Dounan.find(params[:dounan_id]) @dounan_kuchikomis = @dounan.dounan_kuchikomis.all.page(params[:page]) end def new @dounan = Dounan.find(params[:dounan_id]) @dounan_kuchikomi = @dounan.dounan_kuchikomis.new end def create @dounan = Dounan.find(params[:dounan_id]) @dounan_kuchikomi = @dounan.dounan_kuchikomis.new(dounan_kuchikomi_params) @dounan_kuchikomi.user_id = current_user.id if @dounan_kuchikomi.save flash[:success] = 'レビュー が正常に投稿されました' redirect_to dounan_dounan_kuchikomis_path else flash.now[:danger] = 'レビュー が投稿されませんでした' render :new end end def edit @dounan_kuchikomi = @dounan.dounan_kuchikomis.find(params[:id]) render :edit end def update @dounan_kuchikomi = @dounan.dounan_kuchikomis.find(params[:id]) if @dounan_kuchikomi.update_attributes(dounan_kuchikomi_params) redirect_to @dounan_kuchikomi flash[:success] = "プロフィールを更新しました" else flash.now[:danger] = 'プロフィールを更新できませんでした。' render'edit' end end def destroy @dounan_kuchikomi.destroy flash[:success] = 'レビューを削除しました。' redirect_back(fallback_location: root_url) end private def set_dounan_kuchikomi @dounan = Dounan.find(params[:dounan_id]) @dounan_kuchikomi = @dounan.dounan_kuchikomis.find(params[:id]) end # Strong Parameter def dounan_kuchikomi_params params.require(:dounan_kuchikomi).permit(:content, :star, :picture, :title) end def correct_user @dounan_kuchikomi = current_user.dounan_kuchikomis.find_by(id: params[:id]) unless @dounan_kuchikomi redirect_to root_path end end end

dounan_kuchikomiモデル

class DounanKuchikomi < ApplicationRecord belongs_to :user belongs_to :dounan mount_uploader :picture, PictureUploader validates :user_id, presence: true validates :content, presence: true, length: { maximum: 300 } validates :title, presence: true, length: { maximum: 20 } end

マイグレーションファイル

class CreateDounanKuchikomis < ActiveRecord::Migration[5.0] def change create_table :dounan_kuchikomis do |t| t.string :content t.references :user, foreign_key: true t.references :dounan, foreign_key: true t.string :star t.string :picture t.string :title t.timestamps end end end

kuchikomi.js

// Place all the behaviors and hooks related to the matching controller here. // All this logic will automatically be available in application.js. // jQuery Plugin. Set/show rating by star function initRaty() { if($('.raty-read').length) { $('.raty-read').raty({ starType: 'i', space: false, readOnly: true, score: function() { return $(this).data('rating') } }) } if($('.raty').length) { $('.raty').raty({ starType: 'i', target: 'dounan_kuchikomi', // Sync rating to #dounan_kuchikomi targetKeep: true, targetType: 'number', space: true, score: function() { return $(this).data('rating') } }) } } $(document).on('load turbolinks:load', initRaty)

参照
https://qiita.com/nekonoprotocol/items/4bc5bd9c64dc3f181016
https://qiita.com/kitaokeita/items/1e40724c3384507cec13

試したこと
http://gouf.hatenablog.com/entry/2018/02/05/003548
を参考に、dounan_kuchikomi_new.html.erbで、星評価の機能を実装

参考リポジトリ
https://github.com/wbotelhos/raty
https://github.com/gouf/rails_raty_demo

付けた星の数を、そのままdounan_kuchikomi.html.erbに反映させる方法を、ネットで検索しても出てこないので、ご教示お願いできませんでしょうか?

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

2018/02/12 01:03依頼された後にこの質問は修正されています

こちらの質問が複数のユーザーから「過去の低評価」という指摘を受けました。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。