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

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

ただいまの
回答率

88.23%

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

受付中

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 303

susume

score 11

前提・実現したいこと

新規投稿をするときに、セレクトボックスを用いて、カテゴリー機能を実装したいです。

状況

railsで個人アプリを開発中で、スノボー版インスタグラムを作成しています。

現在の状況としては、投稿機能はカテゴリー以外は実装されています。
(image,text,titleなど)

また、中間テーブルであるpost_categoryテーブルの紐付けがうまく行っていないのか、新規投稿される時にpost_idとcategory_idはデータベースに登録されずです。

以下がビューの画像です。
イメージ説明

該当のソースコード

posts/new.html.haml

- if @post.errors.any?
  .alert
    %ul
      - @post.errors.full_messages.each do |message|
        %li= message

#account-page.account-page
  .account-page__inner.clearfix
    .post-new-edit-page
      = render partial: 'form'


_form.html.haml

= 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.select :category_ids, options_for_select( @category_parent_array.map{|c| [c, {}]}), {}, {class: "parent_select", id: "parent_category"}
  .actions
    = f.submit "投稿する", class: "btn"


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_array = 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, { post_categories: {} })
  end

  def set_category
    @category_parent_array = []
    Category.where(ancestry: nil).each do |parent|
      @category_parent_array << parent.name
    end
  end
end

mysqlのデータベース関連
イメージ説明
イメージ説明
イメージ説明

アソシエーション

post.rb

class Post < ApplicationRecord
  belongs_to :user
  attachment :image
  has_many :favorites, dependent: :destroy
  has_many :comments

  with_options presence: true do
    validates :title
    validates :body
    validates :image
  end

  has_many :post_categories, dependent: :destroy
  has_many :categories, through: :post_categories
  accepts_nested_attributes_for :categories, allow_destroy: true
end


category.rb

class Category < ApplicationRecord
  has_ancestry
  has_many :post_categories, dependent: :destroy
  has_many :posts, through: :post_categories
end


post_category.rb

class PostCategory < ApplicationRecord
  belongs_to :post
  belongs_to :category
end


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"}])

足りない情報があれば教えてください。

なんでカテゴリーが登録されないんでしょうか?

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

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

  • susume

    2020/08/28 00:50

    回答いたします。

    >>_category.html.haml の
    -@parent_categories. @default_child_categories
    はどこから来てますか?
    →postsコントローラーからきています。質問内容に追記いたしました。

    >>PostCategory の belongs_to :category と parent_categories. child_categories はどういう関係にありますか
    →モデルやアソシエーションはどうなっているかという質問でしょうか?
    それならば、parent_categories. child_categoriesのモデルは作成しておりませんし、アソシエーションもありません。
    理由は、gem ancestryでカテゴリーを階層構造にしているので、その必要はないと判断したからです。

    >>PostCategory の category_id には _category.html.haml のどの要素の値を入れますか
    →db/fixtures/01_categoryにあるデータです。
    seed-fuを導入し、質問にあるようにカテゴリーはデータベースに登録されています。
    _category.html.hamlどの要素の値かについては、
    value:"parent"にはpararents.categoriesの値を、childrenにはchildrenの値を入れたいです。

    01_category.rbのparents =で定義されているのがvalue:parentで取得したいもの、〇〇_childで定義されているのが、childrenで取得したい値となります。

    キャンセル

  • winterboum

    2020/08/28 07:42

    >>PostCategory の category_id には _category.html.haml のどの要素の値を入れますか
    この質問はDBのはなしではなく、viewのどの要素か、を聞いてます

    キャンセル

  • susume

    2020/08/28 08:00

    >>この質問はDBのはなしではなく、viewのどの要素か、を聞いてます
    →%option{value: "parent"},%option{value: "children"}の要素を入れたいです

    キャンセル

回答 1

0

>>この質問はDBのはなしではなく、viewのどの要素か、を聞いてます
→%option{value: "parent"},%option{value: "children"}の要素を入れたいです

まあそうだろうなぁ、とは予想はついていたのですが、わざわざ質問を繰り返したのは _category.html.haml がそういうことを少しも匂わせてすら居ないからで、そこに気づいて欲しかったからです。
先は長いです。

まず、_category.html.haml のselectはどれを選んでも値は皆 value: "children"で同じです。ここは c.idを渡す所。
ただ、ここにoptionをずらずら記述するのはやめたほうが良いです。
select と options_for_select を使って書くのが良いと思います。

関連の値を入力するfieldをviewに書くにはfields_forを参照してください。
これを使わなくても selectにname属性を定義しておけばなんとかはなりますが。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2020/09/02 05:54

    エラーメッセージにはもう少し情報があるはずです。どのfileのどの行かと

    キャンセル

  • 2020/09/02 07:57

    app/views/posts/_form.html.haml:21:in `block in _app_views_posts__form_html_haml___4296242115168899564_70246744599020'
    app/views/posts/_form.html.haml:1:in `_app_views_posts__form_html_haml___4296242115168899564_70246744599020'
    app/views/posts/new.html.haml:10:in `_app_views_posts_new_html_haml__1907597231018024451_70246744766860'

    こんな感じです。

    キャンセル

  • 2020/09/02 08:46

    で、それらの行とその前後を確認するにはどこをみたらよいですか

    キャンセル

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

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

関連した質問

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