投稿機能実装の際のエラー

Question

実現したいこと

投稿機能を実装したい

前提

railsで投稿機能を実装したアプリケーションを作っています。
ストロングパラメータを追加したいのですが、
投稿を更新するとエラーになってしまいます。
投稿するのはタイトルと本文のみです。

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

param is missing or the value is empty: book
Did you mean?
body
controller
action
commit

試したこと

誤字、脱字がないか再記入
form_withの部分が間違っていないかテキストで確認
サンプルアプリとの比較
bookが空というのはどういう状況なのか
book.newが設定できているか

該当のソースコード

``` def new
    　@book = Book.new
 　 end

  def create
    book = Book.new(book_params)
    book.save
    redirect_to '/top'
  end

 private
 def book_params
   params.require(:book).permit(:title, :body)
 end
end


``````ここに言語を入力
ここに言語を入力
```<h2>New book</h2>

<%= form_with model: @book do |f| %>
  <div class="text-field">
    <div>title</div>
    <%= f.text_field :title %>
  </div>

<div class="text-field">
  <div>body</div>
  <%= f.text_area :body %>
</div>

<div class="text-submit">
  <%= f.submit 'Create Book' %>
</div>
<% end %>


### 試したこと

誤字、脱字がないか再記入
form_withの部分が間違っていないかテキストで確認
サンプルアプリとの比較
bookが空というのはどういう状況なのか
book.newが設定できているか

Comments

[winterboum]

＞投稿を更新するとエラーになってしまいます。
とありますが、載っているのは new と create。
更新ではなく 作成 ですか？

[kuuumi]

新規投稿作成になります。

Answer 1

def indexにnewもいれないといけなかったのが原因でした。
回答いただいた方ありがとうございます。

Answer 2

GPT-4manさんの回答に反応がないのはそれでは進展しなかった、からという想像で、

載っているcodeが「エラーが起きたときのままで修正はしていない」ものであるとすると、
そのエラーが出るのが？？？ です。
log/development.log をみて、エラーが出たときの
Started POST "/books" ,,,, のところを探し、そこの Parameters: の部分を見せてください。

Answer 3

「ChatGPT(GPT-4)]により生成された文章です」

投稿機能を実装するために、次の手順を確認してください。

１．ルーティングの設定
config/routes.rbファイルで、resources :booksを追加して、booksリソースのルーティングが生成されることを確認してください。

Rails.application.routes.draw do
  # 他のルーティング
  resources :books
  # 他のルーティング
end

２．コントローラーの作成
app/controllers/books_controller.rbに、以下のようにコントローラーを作成してください。

class BooksController < ApplicationController
  def new
    @book = Book.new
  end

  def create
    @book = Book.new(book_params)
    if @book.save
      redirect_to '/top'
    else
      render :new
    end
  end

  private
  def book_params
    params.require(:book).permit(:title, :body)
  end
end

上記のコードでは、createアクションで@book.saveが失敗した場合、newビューが再表示されます。

３．ビューの作成
app/views/books/new.html.erbに、以下のようなフォームを作成してください。

<h2>New book</h2>

<%= form_with model: @book, local: true do |f| %>
  <div class="text-field">
    <div>title</div>
    <%= f.text_field :title %>
  </div>

  <div class="text-field">
    <div>body</div>
    <%= f.text_area :body %>
  </div>

  <div class="text-submit">
    <%= f.submit 'Create Book' %>
  </div>
<% end %>

上記のコードでは、form_withにlocal: trueオプションを追加して、非同期通信を無効にしています。これは、Ajaxを使用せずに通常のHTTPリクエストを行うようにします。

４．モデルの作成
app/models/book.rbに、以下のようなモデルを作成してください。

class Book < ApplicationRecord
  validates :title, presence: true
  validates :body, presence: true
end

上記のコードでは、titleとbodyが存在することを確認するバリデーションを追加しています。

５．マイグレーションファイルの作成
ターミナルでrails generate model Book title:string body:textを実行して、マイグレーションファイルを作成します。その後、rails db:migrateを実行してデータベースにbooksテーブルを追加します。

これらの手順を確認して、アプリケーションの投稿機能が正しく実装されているかどうかを検証してください。

６．エラーメッセージの表示
フォームに入力したデータが不正な場合、エラーメッセージを表示するようにapp/views/books/new.html.erbを更新します。

<h2>New book</h2>

<% if @book.errors.any? %>
  <div id="error_explanation">
    <h3><%= pluralize(@book.errors.count, "error") %> prohibited this book from being saved:</h3>

    <ul>
      <% @book.errors.full_messages.each do |message| %>
        <li><%= message %></li>
      <% end %>
    </ul>
  </div>
<% end %>

<%= form_with model: @book, local: true do |f| %>
  <div class="text-field">
    <div>title</div>
    <%= f.text_field :title %>
  </div>

  <div class="text-field">
    <div>body</div>
    <%= f.text_area :body %>
  </div>

  <div class="text-submit">
    <%= f.submit 'Create Book' %>
  </div>
<% end %>

７．トップページへのリダイレクト
redirect_to '/top'の部分を、トップページへリダイレクトするように更新します。root_pathを使用することで、アプリケーションのルートパスにリダイレクトできます。

class BooksController < ApplicationController
  # 他のアクション

  def create
    @book = Book.new(book_params)
    if @book.save
      redirect_to root_path
    else
      render :new
    end
  end

  # 他のアクション
end

８．トップページに投稿一覧を表示
トップページに投稿された本の一覧を表示するために、app/views/top/index.html.erbを編集してください。以下のコードを追加して、投稿された本のタイトルと本文を表示します。

<h2>Books</h2>

<table>
  <thead>
    <tr>
      <th>Title</th>
      <th>Body</th>
    </tr>
  </thead>

  <tbody>
    <% @books.each do |book| %>
      <tr>
        <td><%= book.title %></td>
        <td><%= book.body %></td>
      </tr>
    <% end %>
  </tbody>
</table>

また、app/controllers/top_controller.rbを編集して、indexアクションで@booksインスタンス変数を定義します。

class TopController < ApplicationController
  def index
    @books = Book.all
  end
end

９．新規投稿ページへのリンク
トップページに新規投稿ページへのリンクを追加することで、ユーザーが簡単に新規投稿ページにアクセスできるようになります。app/views/top/index.html.erbに以下のコードを追加して、リンクを作成してください。

<%= link_to 'New Book', new_book_path %>

これで、投稿機能が正しく実装され、トップページに投稿一覧が表示され、新規投稿ページへのリンクが追加されるはずです。