テーブルのデータをビューに表示させる方法（Ruby on Rails）

#プログラミング学習のための備忘録
2021/04/25
Ruby on Railsで資産管理アプリを作成しています。
備忘録として、作成したテーブルのデータをWebページに表示させる流れをまとめました。

#コントローラを作成しよう
アクションを定義するためのコントローラとビューファイルを作成します。以下のコマンドを実行する。

ターミナル

$ rails g controller dividends index

#テーブルに保存されたデータをビューに表示しよう
以下のステップを踏むことで、テーブルに保存されたデータをビューに表示することができる。
・コントローラのアクションで、モデルからテーブルのデータを取得する。
・受け取ったデータを変数に代入する。
・変数をビューに表示させる。

#テーブルのデータを取得する
コントローラのアクションで、モデルからテーブルのデータを取得する処理を定義する。今回は、テーブルに保存されているデータ全てを取得する。テーブルに保存されている全てのデータを取得する場合、モデル名.allで取得することができる。
取得したデータをdividendsという変数に代入する。

dividends_controller.rb

class DividendsController < ApplicationController
  def index
    @dividends = Dividend.all
  end
end

#ビューに表示させる
eachメソッドを用いて、取得したデータの内、nameカラムのデータを全て表示させる。

index.html.erb

<div class="main posts-index">
  <div class="container">
    <% @dividends.each do |dividend| %>
      <div class="dividends-index-item">
          <div class="dividend-name">
            <%= dividend.name %>
          </div>
      </div>
    <% end %>
  </div>
</div>

テーブルに保存されたデータをビューに表示するための処理は以上になります。最後に、指定のURLにアクセスした時に、ビューファイルを表示させるようにルーチングを追加する。

route.rb

Rails.application.routes.draw do
  get "/dividends/index" => "dividends#index"  

  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
end

#結果
今回は、仮のデータをコンソールで入力してみました。無事に銘柄名が表示されました！

次にやること

データを入力できるフォームを作成する！

#参考文献
https://qiita.com/Hal_mai/items/aed97a6aba2293450a74