トップに関する質問新規投稿にセレクトボックスを用いて、カテゴリー機能を実装したい

編集履歴

質問編集履歴

指摘箇所の修正

2020/08/31 14:08

投稿

susume

スコア13

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -122,7 +122,7 @@
     @posts = Post.all
-    @category_parent_arrays = Category.where(ancestry: nil)
+    @category_parent_array = Category.where(ancestry: nil)
   end
@@ -224,7 +224,7 @@
   def post_params
-    params.require(:post).permit(:title, :body, :image)
+    params.require(:post).permit(:title, :body, :image, { post_categories: {} })
   end
@@ -294,6 +294,8 @@
   has_many :categories, through: :post_categories
+  accepts_nested_attributes_for :categories, allow_destroy: true
 end
 ```
@@ -304,12 +306,12 @@
 class Category < ApplicationRecord
-  has_many :post_category, dependent: :destroy
-  has_many :posts, through: :post_category
   has_ancestry
+  has_many :post_categories, dependent: :destroy
+  has_many :posts, through: :post_categories
 end
 ```

内容の修正

2020/08/31 14:08

投稿

susume

スコア13

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -4,27 +4,23 @@
-##なぜカテゴリーもDBに登録したいか
-トップページから投稿を検索する機能をこれから実装するにあたり、カテゴリーから検索できるようにするためです。
-そのためには、投稿にカテゴリーのデータも必要だからです。
 ##状況
 railsで個人アプリを開発中で、スノボー版インスタグラムを作成しています。
-現在の状況としては、投稿機能を実装し、カテゴリー以外のデータはDBに値が取得されるようになっています。
+現在の状況としては、投稿機能はカテゴリー以外は実装されています。
 (image,text,titleなど)
+また、中間テーブルであるpost_categoryテーブルの紐付けがうまく行っていないのか、新規投稿される時にpost_idとcategory_idはデータベースに登録されずです。
-以下hがビューの画像です。
+以下がビューの画像です。
 ![イメージ説明](04c4f2fefd61e3d1e161cb94082b9cff.png)
@@ -359,3 +355,11 @@
   {name: "FLUX"}])
 ```
+足りない情報があれば教えてください。
+なんでカテゴリーが登録されないんでしょうか？

コード内容の修正

2020/08/30 11:03

投稿

susume

スコア13

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,8 +1,6 @@
 ### 前提・実現したいこと
-新規投稿をするときに、カテゴリーをデータベースに保存し、投稿にカテゴリーのデータを持たせたい。
+新規投稿をするときに、セレクトボックスを用いて、カテゴリー機能を実装したいです。
-現状は、投稿したときに、カテゴリー以外の情報はDBに登録される。
@@ -104,7 +102,7 @@
     .field-input
-      = render partial: "category"
+      = f.select :category_ids, options_for_select( @category_parent_array.map{|c| [c, {}]}), {}, {class: "parent_select", id: "parent_category"}
   .actions
@@ -112,29 +110,145 @@
 ```
-_category.html.haml
-```
-.categorySelect
-  %select#parent_category
-    - @parent_categories.each do |c|
-      %option{value: "parent"}
-        = c.name
-  %select#children_category
-    - @default_child_categories.each do |c|
-      %option{value: "children"}
-        = c.name
+posts_cotllor.rb
+```
+class PostsController < ApplicationController
+  before_action :authenticate_user!, except: [:index]
+  before_action :set_category, only:[:new, :create]
+  def index
+    @posts = Post.all
+    @category_parent_arrays = Category.where(ancestry: nil)
+  end
+  def show
+    @post = Post.find(params[:id])
+    @comment = Comment.new
+    @comments = @post.comments.includes(:user)
+  end
+  def new
+    @post = Post.new
+  end
+  def get_category_children
+    @category_children = Category.find("#{params[parent_id]}").children
+  end
+  def create
+    @post = Post.new(post_params)
+    @post.user_id = current_user.id
+    if @post.save
+    redirect_to post_path(@post), notice: '投稿されました'
+    else
+      render :new, alert: '投稿できませんでした'
+    end
+  end
+  def edit
+    @post = Post.find(params[:id])
+    if @post.user != current_user
+      redirect_to posts_path, alert: '不正なアクセスです'
+    end
+  end
+  def update
+    @post = Post.find(params[:id])
+    if @post.update(post_params)
+    redirect_to post_path(@post), notice: '投稿が更新されました'
+    else
+      render :edit
+    end
+  end
+  def destroy
+    post = Post.find(params[:id])
+    post.destroy
+    redirect_to posts_path
+  end
+  private
+  def post_params
+    params.require(:post).permit(:title, :body, :image)
+  end
+  def set_category
+    @category_parent_array = []
+    Category.where(ancestry: nil).each do |parent|
+      @category_parent_array << parent.name
+    end
+  end
+end
 ```
@@ -218,298 +332,30 @@
 ```
-db/fixtures/01_category.rb
-```
-parents = %w[ スノーボード ブーツ ビンディング ]
-snowboard_child = %w[ BURTON K2 SALOMON ]
-snowboots_child = %w[ BURTON DEELUXE FLUX ]
-binding_child = %w[ BURTON UNION FLUX ]
-parents.each do |parent|
-  Category.seed do |c|
-    c.name = parent
-  end
-end
-snowboard_child.each do |child|
-  Category.find_by!(name: 'スノーボード').children.create(name: child)
-end
-snowboots_child.each do |child|
-  Category.find_by!(name: 'ブーツ').children.create(name: child)
-end
-binding_child.each do |child|
-  Category.find_by!(name: 'ビンディング').children.create(name: child)
-end
-```
-##試したこと
-_form.html.hamlにて、以下のようにf.selectを使ってカテゴリーをデータベースに登録しようとしたが、
-category_idsの後に配列を組まなければならず、コードが冗長になってしまう。
-また、試しにこの方法で簡易的なデータを入力してデータベースに登録されているか確認したが、データベースにカテゴリーが登録されていなかった。
-```
-  .field
-    .field-label
-      = f.label :category, "カテゴリーを選択してください"
-    .field-input
-      = f.select :category_ids ##追記
-      = render partial: "category"
-```
-もしf.selectを使って、上記であげた部分テンプレートや01_category.rbにあるカテゴリー配列・定数を使ってデータベースに登録できる表記があればご教示ください。
-※カテゴリーの配列は、この10倍ぐらいあります。なので、_form.html.hamlに直接書くのは好ましくないと思い、部分テンプレートなどを使っています。
-そのため、もし、f.select :category_idsの後に記述する方法があればお願いいたします。
-そのほかにも先輩方のカテゴリー登録できる方法があればご教示いただきたいです。
-足りない情報があればお申し付けください。
-【追記】
-@parent_categories. @default_child_categoriesの変数について
-posts_cotroller.rb
-```
-class PostsController < ApplicationController
-  before_action :authenticate_user!, except: [:index]
-  before_action :set_categories, only: [:new, :create]
-  def index
-    @posts = Post.all
-  end
-  def show
-    @post = Post.find(params[:id])
-    @comment = Comment.new
-    @comments = @post.comments.includes(:user)
-  end
-  def new
-    @post = Post.new
-  end
-  def create
-    @post = Post.new(post_params)
-    @post.user_id = current_user.id
-    if @post.save
-    redirect_to post_path(@post), notice: '投稿されました'
-    else
-      render :new, alert: '投稿できませんでした'
-    end
-  end
-  def edit
-    @post = Post.find(params[:id])
-    if @post.user != current_user
-      redirect_to posts_path, alert: '不正なアクセスです'
-    end
-  end
-  def update
-    @post = Post.find(params[:id])
-    if @post.update(post_params)
-    redirect_to post_path(@post), notice: '投稿が更新されました'
-    else
-      render :edit
-    end
-  end
-  def destroy
-    post = Post.find(params[:id])
-    post.destroy
-    redirect_to posts_path
-  end
-  def dynamic_select_category
-    @category = Category.find(params[:category_id])
-  end
-  private
-  def post_params
-    params.require(:post).permit(:title, :body, :image)
-  end
-  def set_categories
-    @category_pararent = Category.where(ancestry: nil)
-  end
-end
-```
-```
-= form_for(@post) do |f|
-  .field
-    .field-label
-      = f.label :title, "snowB"
-    .field-input
-      = f.text_field :title
-  .field
-    .field-label
-      = f.label :body, "ココがポイント!"
-    .field-input
-      = f.text_area :body
-  .field
-    .field-label
-      = f.label :image, "snowB写真"
-    .field-input
-      = f.attachment_field :image
-  .field
-    .field-label
-      = f.label :category, "カテゴリーを選択してください"
-    .field-input
-      = f.fields_for :categories do |c|
-        = c.select :category, options_for_select(@category_parent.map{|c| [c[:name], c[:id]]}), {class: "parant_category_box", id: "parent_category"}
-  .actions
-    = f.submit "投稿する", class: "btn"
-```
-参考記事：
-https://qiita.com/manbolila/items/7c44142de50093470580
-![イメージ説明](864e6e09ea2036911b7422c4772bfaab.png)
+db/seeds.rb
+```
+snowboard = Category.create(name: "スノーボード")
+snowboard_1 = snowboard.children.create([
+  {name: "BURTON"},
+  {name: "K2"},
+  {name: "SALOMON"}])
+snowboots = Category.create(name: "ブーツ")
+snowboots_1 = snowboots.children.create([
+  {name: "BURTON"},
+  {name: "DEELUXE"},
+  {name: "FLUX"}])
+```

タイトルの変更

2020/08/30 10:57

投稿

susume

スコア13

test CHANGED Viewed

	@@ -1 +1 @@
1	- ~~カテゴリーをDBに登録し、~~投稿にカテゴリー~~データ~~を持たせたい
1	+ 新規投稿にセレクトボックスを用いて、カテゴリー機能を実装したい

test CHANGED Viewed

File without changes

options_forなどを記載

2020/08/30 10:53

投稿

susume

スコア13

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -324,7 +324,7 @@
   before_action :authenticate_user!, except: [:index]
-  before_action :set_categories, only: [:edit, :new]
+  before_action :set_categories, only: [:new, :create]
   def index
@@ -438,18 +438,78 @@
   def set_categories
-    @parent_categories = Category.where(ancestry: nil)
+    @category_pararent = Category.where(ancestry: nil)
-    @default_child_categories = @parent_categories.first.children
-  end
+  end
-end
+end
-```
+```
-a
+```
+= form_for(@post) do |f|
+  .field
+    .field-label
+      = f.label :title, "snowB"
+    .field-input
+      = f.text_field :title
+  .field
+    .field-label
+      = f.label :body, "ココがポイント!"
+    .field-input
+      = f.text_area :body
+  .field
+    .field-label
+      = f.label :image, "snowB写真"
+    .field-input
+      = f.attachment_field :image
+  .field
+    .field-label
+      = f.label :category, "カテゴリーを選択してください"
+    .field-input
+      = f.fields_for :categories do |c|
+        = c.select :category, options_for_select(@category_parent.map{|c| [c[:name], c[:id]]}), {class: "parant_category_box", id: "parent_category"}
+  .actions
+    = f.submit "投稿する", class: "btn"
+```
+参考記事：
+https://qiita.com/manbolila/items/7c44142de50093470580
+![イメージ説明](864e6e09ea2036911b7422c4772bfaab.png)

初心者マークの追加

2020/08/30 07:31

投稿

susume

スコア13

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -451,3 +451,5 @@
 ```
+a

コントローラーの追記

2020/08/30 04:08

投稿

susume

スコア13

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -307,3 +307,147 @@
 足りない情報があればお申し付けください。
+【追記】
+@parent_categories. @default_child_categoriesの変数について
+posts_cotroller.rb
+```
+class PostsController < ApplicationController
+  before_action :authenticate_user!, except: [:index]
+  before_action :set_categories, only: [:edit, :new]
+  def index
+    @posts = Post.all
+  end
+  def show
+    @post = Post.find(params[:id])
+    @comment = Comment.new
+    @comments = @post.comments.includes(:user)
+  end
+  def new
+    @post = Post.new
+  end
+  def create
+    @post = Post.new(post_params)
+    @post.user_id = current_user.id
+    if @post.save
+    redirect_to post_path(@post), notice: '投稿されました'
+    else
+      render :new, alert: '投稿できませんでした'
+    end
+  end
+  def edit
+    @post = Post.find(params[:id])
+    if @post.user != current_user
+      redirect_to posts_path, alert: '不正なアクセスです'
+    end
+  end
+  def update
+    @post = Post.find(params[:id])
+    if @post.update(post_params)
+    redirect_to post_path(@post), notice: '投稿が更新されました'
+    else
+      render :edit
+    end
+  end
+  def destroy
+    post = Post.find(params[:id])
+    post.destroy
+    redirect_to posts_path
+  end
+  def dynamic_select_category
+    @category = Category.find(params[:category_id])
+  end
+  private
+  def post_params
+    params.require(:post).permit(:title, :body, :image)
+  end
+  def set_categories
+    @parent_categories = Category.where(ancestry: nil)
+    @default_child_categories = @parent_categories.first.children
+  end
+end
+```