[RUBY] [Rails] Implémentation de fonctions de catégorie plusieurs à plusieurs

Cible

Environnement de développement

・ Rubis: 2.5.7 Rails: 5.2.4 ・ Vagrant: 2.2.7 -VirtualBox: 6.1 ・ Système d'exploitation: macOS Catalina

supposition

Ce qui suit a été mis en œuvre.

・ Présentation mince ・ Introduction de Bootstrap 3 ・ Mise en œuvre de la fonction de publication ・ Implémentation de la fonction de catégorie

la mise en oeuvre

1. Créez une table intermédiaire

Terminal

$ rails g model BookCategory book_id:integer category_id:integer

Terminal

$ rails db:migrate

schema.rb

create_table "book_categories", force: :cascade do |t|
  t.integer "book_id"
  t.integer "category_id"
  t.datetime "created_at", null: false
  t.datetime "updated_at", null: false
end

2. Supprimer la colonne

Terminal

$ rails g migration RemoveCategoryIdFromBooks category_id:integer

~_remove_category_id_from_books

class RemoveCategoryIdFromBooks < ActiveRecord::Migration[5.2]
  def change
    remove_column :books, :category_id, :integer
  end
end

Terminal

$ rails db:migrate

3. Modifiez chaque modèle

book.rb

has_many :book_categories
has_many :categories, through: :book_categories

category.rb

has_many :book_categories
has_many :books, through: :book_categories

book_category.rb

#Postscript
belongs_to :book
belongs_to :category

4. Modifiez le contrôleur

Rendez category_id configurable avec le paramètre fort de books_controller.rb.

books_controller.rb

def book_params
  params.require(:book).permit(:title, :body, { category_ids: [] })
end

5. Modifier la vue

** ① Modifier le formulaire **

slim:books/index.html.slim

/Changer avant
= f.label :category_id, 'Catégorie'
br
= f.collection_select :category_id, Category.all, :id, :name, { prompt: 'Veuillez sélectionner' }, class: 'form-control'
br

/Après le changement
= label_tag 'Catégorie'
br
= collection_check_boxes(:book, :category_ids, Category.all, :id, :name) do |cb|
  = cb.label { cb.check_box + ' ' + cb.text }
br

= collection_check_boxes(:book, :category_ids, Category.all, :id, :name) do |cb| ➡︎ Les noms de toutes les catégories sont affichés sous forme de cases à cocher et la valeur est définie sur id.

** ② Modifier le tableau **

slim:books/index.html.slim

/Changer avant
td
  = category.name

/Après le changement
td
  - book.categories.each do |category|
    = category.name
    | /