Railsアプリで単一回答のアンケートアプリを作ります。
今回はユーザーが回答する箇所を実装してみます。
環境
Ruby 3.3.0
Rails 7.1.3.2
モデルを生成します。
rails new sample_radio_qa
cd sample_radio_qa
bin/rails g scaffold User name
bin/rails g scaffold Question content
bin/rails g scaffold Radio content question:belongs_to
bin/rails g scaffold Answer user:belongs_to question:belongs_to radio:belongs_to
bin/rails db:migrate
質問は複数の項目を持ちます。
# app/models/question.rb
class Question < ApplicationRecord
has_many :radios
end
初期データを生成します。
今回はログインユーザーの管理、管理者による質問の編集機能は省きます。
# db/seeds.rb
User.find_or_create_by(name: "ユーザー1")
User.find_or_create_by(name: "ユーザー2")
q1 = Question.find_or_create_by(content: "好きな映画のジャンルは？")
["アクション", "コメディー", "ドラマ", "ホラー"].each do |content|
Radio.find_or_create_by!(content: content, question: q1)
end
q2 = Question.find_or_create_by(content: "好きな果物は？")
["いちご", "もも", "みかん", "りんご", "ぶどう"].each do |content|
Radio.find_or_create_by!(content: content, question: q2)
end
bin/rails db:seed
最初の質問を開きます。
bin/rails server
open http://localhost:3000/questions/1
質問の下に回答項目をラジオボタンで表示します。
# app/controllers/questions_controller.rb
def show
current_user = User.second # TODO: ログインユーザーを取得する。
@answer = Answer.find_or_initialize_by(user: current_user, question: @question)
end
# app/views/questions/show.html.erb
...
<%= render "answers/form", answer: @answer, question: @question %>
# app/views/answers/_form.html.erb
...
<div>
<%= form.collection_radio_buttons :radio_id, @question.radios, :id, :content %>
</div>
今回は質問の編集権限を考えていないので質問の編集リンクと削除ボタンを残しています。
製品では回答のテキストフィールドは不要になります。
回答処理を実装します。
保存後のパスを回答から質問に変更します。
# app/controllers/answers_controller.rb
def create
@answer = Answer.new(answer_params)
@question = @answer.question
if @answer.save
redirect_to @question, notice: "Answer was successfully created."
else
render "questions/show", status: :unprocessable_entity
end
end
def update
@question = @answer.question
if @answer.update(answer_params)
redirect_to @question, notice: "Answer was successfully updated."
else
render "questions/show", status: :unprocessable_entity
end
end
レイアウトや文言など見栄えを洗練する必要がありますが、機能としては完成しました。
以下、項目を選択しなかった場合のエラー表示です。
おまけ
テンプレートが受け取るローカル変数をマジックコメントで定義する。
回答項目で改行する。
# app/views/answers/_form.html.erb
<%# locals: (answer:, question:) -%>
...
<%= form.collection_radio_buttons(:radio_id, question.radios, :id, :content) do |b| %>
<%= b.label(style: "display: block") { b.radio_button + b.text } %>
<% end %>
▼この記事がいいね！と思ったらブックマークお願いします
