はじめまして。
RailsとNuxtでメディア系のWebアプリを作成しています。
noteやZennのようなイメージで、登録したユーザーが記事を投稿できるようなサービスです。
投稿機能にセレクトボックスで「カテゴリー」を選択する機能を追加しようとしているのですが、投稿のコントローラーをどのように設定すればいいのか分からず、困っています。
投稿機能のフォームは
- タイトルを入力し(input type="text")
- 本文も入力、(textarea)
- カテゴリーを選択し(select)
- [送信]ボタンで投稿
といった入力の流れになります。
テーブルは以下の3つを用意しています。
1. 投稿:
postsテーブル
2. 投稿とカテゴリーの中間テーブル:
post_category_mapsテーブル
3. カテゴリー:
categoriesテーブル
postsテーブル
id | title | body |
---|---|---|
1 | タイトル1 | 本文1 |
2 | タイトル2 | 本文2 |
3 | タイトル3 | 本文3 |
post_category_mapsテーブル
id | post_id | category_id |
---|---|---|
1 | 1 | 1 |
2 | 2 | 2 |
3 | 3 | 1 |
categoriesテーブル
id | name |
---|---|
1 | カテゴリー1 |
2 | カテゴリー2 |
※このcategoriesテーブルの中身は固定で、ユーザーが新たに登録することはできません。投稿のカテゴリーは記事の投稿時にセレクトボックス・既存のカテゴリー(categoriesテーブルにあらかじめ保存されているデータ)の中から選ぶだけというイメージです。
モデルは以下のものを作成し、アソシエーションを設定しています。
Postモデル
ruby
class Post < ApplicationRecord has_one :post_category_map dependent: :destroy has_one :category, through: :post_category_map end
PostCategoryMapモデル
ruby
class PostCategoryMap < ApplicationRecord belongs_to :post belongs_to :category validates :post_id, presence: true validates :category_id, presence: true end
Categoryモデル
ruby
class Category < ApplicationRecord has_many :post_category_maps, dependent: :destroy, foreign_key: 'category_id' has_many :posts, through: :post_category_maps end
投稿のコントローラーは以下のようにしています。
postsコントローラー
ruby
module Api module V1 class PostsController < ApplicationController def index @post = Post.all render json: posts end def new @post = Post.new end def create @post = Post.new(post_params) if @post.save render json: @post, status: :created else render json: @post.errors, status: :unprocessable_entity end end private def post_params params.require(:post).permit( :user_id, :title, :body, :category_id ) end end end end
実現したいこと
ユーザーが新たな記事を投稿した際、
- postsテーブルに「title」と「body」を保存
- post_category_mapsテーブルに「post_id」と「category_id」の1セット(関連付け)を保存
したいのですが、現状、投稿しても「title」と「body」は保存されるものの、「post_id」と「category_id」の関連付けは保存されずエラーとなってしまいます。
エラー内容
Completed 500 Internal Server Error ActiveModel::UnknownAttributeError (unknown attribute 'category_id' for Post.):
postsコントローラーファイルをどのように修正すれば「投稿」と「カテゴリー」の関連付けがpost_category_mapsテーブルに保存できるようになるでしょうか?
お教えいただければ幸いです。
追記
newのviewファイルの内容は以下になります。
vue
<template> <v-form ref="form" v-model="isValid" @submit.prevent="post" > <form-input-post-title :title.sync="params.post.title" /> <form-input-post-body :body.sync="params.post.body" /> <form-input-post-category :category_id.sync="params.post.category_id" /> <v-btn type="submit" :disabled="!isValid || loading" :loading="loading" value="送信" > 送信 </v-btn> </v-form> </template> <script> export default { name: 'PagesNew', layout: 'new', data ({ $store }) { return { isValid: false, loading: false, params: { post: { user_id: this.$store.state.user.current.id, title: '', body: '', category_id: 0 } } } }, methods: { async post () { this.loading = true setTimeout(() => { this.loading = false }, 1500) if (this.isValid) { await this.$axios.$post('/api/v1/posts', this.params) } this.loading = false } } } </script>
まだ回答がついていません
会員登録して回答してみよう