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

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

ただいまの
回答率

87.48%

Railsで投稿確認画面を表示できない

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 3,460

score 104

 前提・実現したいこと

Railsを使用してtwitterのクローンのようなサイトを作成しております。
そこでtitterでいうツイートをつぶやいた時に入力画面 => 確認画面 => 入力一覧画面のように作りたいのですが、
確認画面が表示されず、すぐに入力一覧画面が表示されてしまいます。
入力画面 => 確認画面 => 入力一覧画面と表示する方法を教えていただけますでしょうか?

 発生している問題・エラーメッセージ

入力画面(new.html.erb)=>確認画面(confirm.html.erb)=>入力一覧画面(index.html.erb)
という順番に表示したい。

 該当のソースコード

posts_controller.rb

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
render :action => "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

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(params[:content])
if @post.invalid?
render :action => "confirm"
else
render :action => "new"
end 
end
end

app/views/posts/new.html.erb

<div class="main posts-new">
<div class="container">
<h1 class="form-heading">投稿する</h1>
<%= form_tag("/posts/create") do %>
<div class="form">
<div class="form-body">
<% @post.errors.full_messages.each do |message| %>
<div class="form-error">
<%= message %>
</div>
<% end %>

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

app/views/posts/confirm.html.erb

<%= form_for @post, url: posts_path 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 '投稿する!', name: 'post' %>
</div>
<% end %>

app/views/posts/index.html.erb

<div class="main posts-index">
<div class="container">
<% @posts.each do |post| %>
<div class="posts-index-item">
<%= link_to(post.content, "/posts/#{post.id}") %>
</div>
<% end %>
</div>
</div>

config.routes.rb

Rails.application.routes.draw do

get "posts/index" => "posts#index"
get "posts/new" => "posts#new"
post "posts/confirm" => "posts#confirm"
get "posts/:id" => "posts#show"
post "posts/create" => "posts#create"
get "posts/:id/edit" => "posts#edit"

post "posts/:id/update" => "posts#update"
post "posts/:id/destroy" => "posts#destroy"

get "/" => "home#top"
get "about" => "home#about"

end

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

質問への追記・修正、ベストアンサー選択の依頼

  • mingos

    2018/08/09 22:05

    ちなみに、postに関するルーティング内容も質問に掲載してもらえますか? 設定次第でフォームタグの内容も変わってきますので。

    キャンセル

  • Malas

    2018/08/09 22:10

    ルーティングも記載いたしました。

    キャンセル

  • mingos

    2018/08/09 22:22

    新規投稿の部分だけ回答しました。動作確認したので動くはずです。

    キャンセル

回答 1

checkベストアンサー

0

とりあえず、新規投稿の部分だけですが回答します。
動作確認しているので、動かないという事はないはずです。

  • app/controllers/posts_controller.rb
class PostsController < ApplicationController

  def index
    @posts = Post.all.order(created_at: :desc)
  end

  def new
    @post = Post.new
  end

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

    if params[:back]
      render :new
      return
    end

    unless @post.valid?
      render :new
      return
    end

    if params[:send]
      @post.save!
      flash[:notice] = "投稿を作成しました"
      redirect_to '/posts/index'
      return
    end

    render :confirm
  end

end
  • app/views/posts/new.html.erb
<div class="main posts-new">
  <div class="container">
    <h1 class="form-heading">投稿する</h1>
    <%= form_tag('/posts/create') do %>
    <div class="form">
    <div class="form-body">
    <% @post.errors.full_messages.each do |message| %>
    <div class="form-error">
    <%= message %>
    </div>
    <% end %>
    <%= text_area_tag :content, @post.content %>
    <input type="submit" value="投稿を確認">
    </div>
    </div>
    <% end %>
  </div>
</div>
  • app/views/posts/confirm.html.erb
<%= form_tag '/posts/create' do %>
  <div class="field">
    content: <%= @post.content %>
    <%= hidden_field_tag :content, @post.content %>
  </div>
  <div class="actions">
    <%= submit_tag '戻る', name: 'back'%>
  </div>
  <div class="actions">
     <%= submit_tag '投稿する!', name: 'send' %>
  </div>
<% end %>

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2018/08/09 22:45

    いや、createアクションの先頭でこのようにcontentを受け取って設定しているので、
    入力した内容になるはずなのですが。
    @post = Post.new(content: params[:content])

    キャンセル

  • 2018/08/09 22:49

    説明不足ですみません。
    content:入力した内容
    と表示されていたので、
    投稿内容:入力した内容
    という表記に変えたいということでした。こちらは自分でできました。
    ありがとうございます。

    キャンセル

  • 2018/08/09 22:52

    そういう事でしたか。
    解決したようで良かったです。

    キャンセル

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

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

関連した質問

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