[RUBY] Comment mettre en œuvre la fonction de chapelure avec Gretel

Quoi: Quelle est la fonction de la chapelure?

La fonction miettes est cet affichage que vous voyez souvent en haut des pages Web! !!

Pourquoi: pourquoi mettre en œuvre la fonction de chapelure

La fonctionnalité de chapelure est une fonctionnalité qui permet aux utilisateurs de voir plus facilement sur quelle page ils se trouvent actuellement.

Comment: comment mettre en œuvre

étape 1: Introduction de gemfile

Ajoutez maintenant "gem gretel" à votre fichier gem et lancez l'installation du bundle.

gem 'gretel'

$ bundle install

étape 2: créer un fichier de configuration

Une fois l'installation du bundle terminée, les rails de course génèrent gretel: install. Cela générera le fichier breadcrumbs.rb dans le répertoire de configuration. Ce sera le fichier de configuration.

$ rails generate gretel:install

étape 3: Description du fichier de paramètres

Décrivez-le dans le fil d'Ariane généré.

Cette fois, j'aimerais utiliser des variables d'élément pour acquérir et afficher les éléments parent, enfant et petit-enfant des catégories qui ont une structure hiérarchique. : avertissement: Une chose à noter ici est qu'en plus de passer la variable @item comme argument dans la vue, si vous n'ajoutez pas l'élément variable au parent de la miette après l'élément enfant, une erreur se produira! (Je ne connais pas la cause, j'apprécierais que vous me le disiez!)

crumb :root do
  link 'FreeMa', root_path
end

crumb :parent_category do |item|
  link item.category.parent.parent.name, root_path
  parent :root
end

crumb :child_category do |item|
  link item.category.parent.name, root_path
  parent :parent_category, item
end

crumb :grandchild_category do |item|
  link item.category.name, root_path
  parent :child_category, item
end

crumb :current_product do |item|
  link item.name
  parent :grandchild_category, item
end

étape 4: afficher la description

    - breadcrumb :parent_category, @item
    - breadcrumb :child_category, @item, class: 'content'
    - breadcrumb :grandchild_category, @item, class: 'content'
    - breadcrumb :current_product, @item, class: 'current'
    = breadcrumbs separator: "  ›  "

étape 5: Ajuster la vue

Si vous ajustez l'apparence avec css, ...

Achevée! !!

J'ai omis beaucoup d'explications Il y a une explication détaillée dans Document officiel, alors lisez-le! [Article de référence] Mise en œuvre de la liste des déchets de pain [Rails] Créez une liste de chapelure à l'aide de gretel L'implémentation la plus simple des miettes de pain (gem'gretel ')