保存したデータがビューに表示されない。

Question

お世話になっております。

現在、カラオケで歌う曲を保存するアプリケーションを作成しております。

#解決したいこと
登録画面で、入力したものがroot_pathに反映されない。

index.html.haml

.main
  .table-responsive
    %table.chart
      %thead.chart__top
        %tr
          %th アーティスト
          %th タイトル
          %th レベル
          %th メモ
      %tbody.chart__contents
        %tr.chart__contents--item
          %td
            = @song.artist
          %td
            = @song.title
          %td
            = @song.level_i18n
          %td
            = @song.content

new.html.haml

.header
  .header-logo
    = link_to 'Song_Regi', root_path
  .header-content
    = link_to '曲一覧に戻る', root_path

.main
  .registration
    = form_for @song, html: {class: 'form-group'} do |f|
      = f.label :artist, class: "form-title"
      = f.text_field :artist, class: 'form-control', placeholder: "アーティストを入力"
      = f.label :title, class: "form-title"
      = f.text_field :title, class: 'form-control', placeholder: "曲名を入力"
      = f.label :level, class: "form-title"
      = f.select :level, Song.levels_i18n.invert, {}, class: 'form-control'
      = f.submit '作成する', class: "btn-primary"

songs.controller.rb

class SongsController < ApplicationController

  def index
    @song = Song.new
  end

  def new
    @song = Song.new
  end

  def create
    @song = Song.new(song_params)
    @song.save
    redirect_to root_path
  end

  private
    def song_params
      params.require(:song).permit(:title, :artist, :level, :content)
    end

end

songs.rb

class Song < ApplicationRecord
  enum level: {sing: 0, practice: 1}
end

DBには保存されるのですが、ビューに反映されていない状況です。
ビューにはselectの”歌える”が固定されて表示されている状態です。

ストロングパラメータも疑ったのですが、自分なりに調べて実装した結果でこれ以上見当がつきません。

よろしくお願い致します。

Answer 1

@song = Song.new　

は空のデータを作成するだけです
DBに保存してるものを取得するなら

Song.all 

とか

Song.where(...) 

とかですね

---

Song.all や Song.where(...) の返り値には Song レコードの配列が入ってきます
(正確には必要になったときに実行されるリレーション）

なので @songs から1個１個ループを回して中身を１行ずつ表示する感じになります
たぶんこんなかんじ
ループ内のスコープでは @songs じゃなく song なのに注意

    %tbody.chart__contents
      - @songs.each do |song|
        %tr.chart__contents--item
          %td
            = song.artist
          %td
            = song.title
          %td
            = song.level_i18n
          %td
            = song.content

ちなみにほぼ Rails のテンプレそのままのことをやろうとしてるみたいなので
rails g scaffold_controller Song
とかやると view が勝手にできるはずです

Comments

[keisuke.F]

ご回答ありがとう御座います。
コントローラーを@song = Song.allに変更したところ、次のようなエラーが出ました。
NoMethodError in Songs#index
undefined method `artist' for #<ActiveRecord::Relation []>

artistが定義されていないというエラーだと思うのですが、自分の理解では間違いが見つけられません。

カラム名と一致していますし、そのほかにどこか原因があるのでしょうか。

[退会済みユーザー]

@songs は複数形なので row ごとにループを回して表示することになります

railg g scaffold song でやるとテンプレのビューは生成してくれると思うのでそこから必要な修正を行ってはどうですか？

[keisuke.F]

表示されるようになりました。

しかし、
保存したデータの上に
[#<Song id: 48, artist: "あああ", title: "ああああ", content: nil, created_at: "2020-07-02 08:14:02", updated_at: "2020-07-02 08:14:02", level: "practice">]

と表示されてしまっています。
現在もコードを確認中ですが、コード自体におかしな点はありますでしょうか。

[退会済みユーザー]

追記読んでもらっていいですか？

[keisuke.F]

読ませていただいて、コメントを編集させていただきました。

[退会済みユーザー]

index.html.haml を置き換えなければやりたいことはできてるはずです
おきかえるときにループを消してしまってるせいです
その状態から ruby の値は変更せずタグとクラスだけを変更していけばやりたいことはできるかと

[退会済みユーザー]

ごめんなさい
= @songs.each do |song|
これが
- ですね

[keisuke.F]

解決できました。
ご丁寧にありがとう御座います...!!