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

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

ただいまの
回答率

87.35%

Railsで投稿確認画面を作成に関して

解決済

回答 2

投稿

  • 評価
  • クリップ 1
  • VIEW 2,651

score 104

私はRailsの初心者で、Railsでtwitterのクローンのようなものを作成しております。
そこで入力画面 => 確認画面 => 入力一覧画面のように作りたいのですが、
確認画面だけ作れないでいる状態です。作成の仕方に関してアドバイスをいただけないでしょうか。
new.html.erbで送信ボタンを押すと、確認画面にうつり確認画面で送信を押すと、ツイートが作成される機能を作りたいと考えております。
new.html.erb =>confirm.html.erbと移していく方法を教えていただでけますでしょうか。

app/views/posts/new.html.erb

<%= form_tag("/posts/create") do %>

途中省略
<textarea name="content"><%= @post.content%></textarea>
<input type="submit" value="投稿を確認">
<% end %>

app/views/posts/confirm.html.erb
<%= form_with(model: @post, url: posts_path, local: true) do |form| %>
<div class="field">
content: <%= @post.content %>
<%= f.hidden_field :content %>
</div>
<div class="actions">
<%= f.submit '戻る', name: 'back'%>
</div>
<div class="actions">
<%= f.submit '投稿する!' %>
</div>
<% end %>

class PostsController < ApplicationController
def index
@posts = Post.all.order(created_at: :desc)
end

def show
@post = Post.find_by(id: params[:id])
end

def new
@post = Post.new
end

def create
@post = Post.new(content: params[:content])
if params[:back]
render("posts/new")
elsif @post.save
flash[:notice] = "投稿を作成しました"
redirect_to("/posts/index")
else
render("posts/new")
end
end

controller/post_controllder.eb
def edit
@post = Post.find_by(id: params[:id])
end

def update
@post = Post.find_by(id: params[:id])
@post.content = params[:content]
if @post.save
flash[:notice] = "投稿を編集しました"
redirect_to("/posts/index")
else
render("posts/edit")
end
end

def destroy
@post = Post.find_by(id: params[:id])
@post.destroy
flash[:notice] = "投稿を削除しました"
redirect_to("/posts/index")
end

def confirm
@post = post.new(post_params)
render("posts/new") if @post.invalid?
end

end

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

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

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

+1

※回答を修正し、create, updateアクションそれぞれで確認画面を表示する形としました。
確認画面のビュー(confirm.html.erb)はありますが、コントローラからconfirmアクションは削除します。

まず、確認画面のボタンのnameにbackとpostを設定します。
すでにbackはあるようなので、投稿ボタンのnameを"post"にします。

  • app/views/posts/confirm.html.erb
<%= form_with(model: @post, url: posts_path, local: true) do |form| %>
...
<div class="actions">
  <%= f.submit '投稿する!', name: 'post' %>
</div>
<% end %>

既存のコードを生かす場合、new.html.erbのPOST先はcreateアクション、edit.html.erbのPOST先はupdateアクションとなっていると思うので、
create、updateアクションそれぞれで確認画面を表示する処理を記述します。

class PostsController < ApplicationController
  ...

  def new
    @post = Post.new
  end

  def create
    @post = Post.new(params[:content])

    # 戻るボタン
    if params[:back]
      render :new
      return
    end

    # 投稿ボタンが押されていなければ確認画面を表示する
    unless params[:post]
      render :confirm
      return
    end

    # 投稿ボタンが押されたかどうかを判定したので、
    # これより下は投稿ボタンが押された場合のみに限定される

    # バリデーションエラーがあれば入力画面に戻す
    unless @post.valid?
      render :new
      return
    end

    # 保存処理
    # 保存はsaveではなく、常にsave!を推奨
    # エラーがあれば例外が起きて、より詳細なエラーが分かる
    # saveでは例外が起きず、原因が分かりにくい
    @post.save!
    flash[:notice] = "投稿を作成しました"
    redirect_to :index
  end

  def edit
    @post = Post.find(params[:id])
  end

  def update
    @post = Post.find(params[:id)
    @post.content = params[:content]

    # 戻るボタン
    if params[:back]
      render :edit
      return
    end

    # 投稿ボタンが押されていなければ確認画面を表示する
    unless params[:post]
      render :confirm
      return
    end

    # 投稿ボタンが押されたかどうかを判定したので、
    # これより下は投稿ボタンが押された場合のみに限定される

    # バリデーションエラーがあれば入力画面に戻す
    unless @post.valid?
      render :edit
      return
    end

    # 保存処理
    # 保存はsaveではなく、常にsave!を推奨
    # エラーがあれば例外が起きて、より詳細なエラーが分かる
    # saveでは例外が起きず、原因が分かりにくい
    @post.save!
    flash[:notice] = "投稿を作成しました"
    redirect_to :index
  end

end

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

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

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

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/08/09 09:49

    ありがとうございます。
    教えていただいた通りに書いてみたのですが、確認画面が表示されないでそのまま投稿してしまいます。
    def createも何か変更が必要でしょうか?

    キャンセル

  • 2018/08/09 10:34

    えーと、私の例だとcreateは使わないで済むのですが、そのあたりは回答をもとに修正してもらいたいです。
    createに何か修正が必要か?という質問が出てきた時点でちょっと私の回答を応用するのが難しそうですね
    ・・・。
    create, updateで確認画面を表示する方法に回答を修正します。

    キャンセル

  • 2018/08/09 10:47

    回答を修正しました。しかし、これで100%動く保証はないです。
    手元で動作確認したわけではないので、あくまでもこういう方針でやってみくださいという形です。

    キャンセル

0

Railsは基本的に確認画面を作らないんですよね…。また、RESTful APIの設計を考えると、確認画面の位置づけが難しく、きれいなURL設計に悩むことになります。

そんなわけで確認画面の実装にはいくつかパターンがあるのですが、とりあえず以下の方法はいかがでしょうか。

これはconfirmアクション(メソッド)を使わないパターンです。あくまでcreateアクションを使い、confirmingのフラグを用意するものですね。
ビューがsimple_form_forだったりhamlだったりしますが、ERBだと、_form.html.erbファイルは、

<% if @question.confirming.blank? %>

(入力画面)

<% else %>

(確認画面)

<% end %>

という形になります。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

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

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

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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

  • ただいまの回答率 87.35%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

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