はじめまして。
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
1class Post < ApplicationRecord 2 3 has_one :post_category_map 4 dependent: :destroy 5 has_one :category, 6 through: :post_category_map 7 8end
PostCategoryMapモデル
ruby
1class PostCategoryMap < ApplicationRecord 2 3 belongs_to :post 4 belongs_to :category 5 6 validates :post_id, 7 presence: true 8 9 validates :category_id, 10 presence: true 11 12end
Categoryモデル
ruby
1class Category < ApplicationRecord 2 3 has_many :post_category_maps, 4 dependent: :destroy, 5 foreign_key: 'category_id' 6 has_many :posts, 7 through: :post_category_maps 8 9end
投稿のコントローラーは以下のようにしています。
postsコントローラー
ruby
1module Api 2 module V1 3 class PostsController < ApplicationController 4 5 def index 6 @post = Post.all 7 render json: posts 8 end 9 10 def new 11 @post = Post.new 12 end 13 14 def create 15 @post = Post.new(post_params) 16 if @post.save 17 render json: @post, status: :created 18 else 19 render json: @post.errors, status: :unprocessable_entity 20 end 21 end 22 23 private 24 25 def post_params 26 params.require(:post).permit( 27 :user_id, 28 :title, 29 :body, 30 :category_id 31 ) 32 end 33 34 end 35 end 36end
実現したいこと
ユーザーが新たな記事を投稿した際、
- 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
1<template> 2 <v-form 3 ref="form" 4 v-model="isValid" 5 @submit.prevent="post" 6 > 7 <form-input-post-title 8 :title.sync="params.post.title" 9 /> 10 <form-input-post-body 11 :body.sync="params.post.body" 12 /> 13 <form-input-post-category 14 :category_id.sync="params.post.category_id" 15 /> 16 <v-btn 17 type="submit" 18 :disabled="!isValid || loading" 19 :loading="loading" 20 value="送信" 21 > 22 送信 23 </v-btn> 24 </v-form> 25</template> 26 27<script> 28export default { 29 name: 'PagesNew', 30 layout: 'new', 31 data ({ $store }) { 32 return { 33 isValid: false, 34 loading: false, 35 params: { 36 post: { 37 user_id: this.$store.state.user.current.id, 38 title: '', 39 body: '', 40 category_id: 0 41 } 42 } 43 } 44 }, 45 methods: { 46 async post () { 47 this.loading = true 48 setTimeout(() => { 49 this.loading = false 50 }, 1500) 51 if (this.isValid) { 52 await this.$axios.$post('/api/v1/posts', this.params) 53 } 54 this.loading = false 55 } 56 } 57} 58</script>
回答2件
あなたの回答
tips
プレビュー