[RUBY] [Rails] Création d'une liste de miettes de pain à l'aide de Gem gretel

Qu'est-ce qu'une liste de miettes de pain en premier lieu?

La liste des morceaux de pain est une liste dans laquelle les pages sont organisées dans un ordre hiérarchique comme indiqué sur la photo ci-dessous, et la position actuelle de l'utilisateur pendant le fonctionnement est visualisée. Une telle liste est appelée une liste de déchets de pain positionnelle.

Il existe également une liste qui montre à quel type de catégorie appartient la page, au lieu d'afficher la page hiérarchiquement appelée liste de déchets de pain de type d'attribut. Un site EC est un exemple de liste de chapelure attribuée.

La présentation de la liste des miettes de pain présente les trois principaux avantages suivants. ・ Opérabilité améliorée → Les utilisateurs peuvent toujours vérifier les informations de localisation sur le site.

Amélioration du temps de séjour → La liste des morceaux de pain facilite les déplacements entre les niveaux et améliore la mobilité.

Effet SEO → Soutenir la patrouille des robots d'exploration avec une liste de déchets de pain

installation de Gretel

【document】 https://www.rubydoc.info/gems/gretel

【GitHub】 https://github.com/lassebunk/gretel

Dans Gemfile

gem 'gretel'

Après avoir écrit, exécutez ce qui suit

$ bundle install

Ceci termine l'installation.

Réglage

Créez un fichier pour définir la liste de fil d'Ariane avec la commande suivante.

$ rails generate gretel:install

Ensuite, un tel fichier sera créé.

config/breadcrumbs.rb

crumb :root do
  link "Home", root_path
end

# crumb :projects do
#   link "Projects", projects_path
# end

# crumb :project do |project|
#   link project.name, project_path(project)
#   parent :projects
# end

# crumb :project_issues do |project|
#   link "Issues", project_issues_path(project)
#   parent :project, project
# end

# crumb :issue do |issue|
#   link issue.title, issue_path(issue)
#   parent :project_issues, issue.project
# end

# If you want to split your breadcrumbs configuration over multiple files, you
# can create a folder named `config/breadcrumbs` and put your configuration
# files there. All *.rb files (e.g. `frontend.rb` or `products.rb`) in that
# folder are loaded and reloaded automatically when you change them, just like
# this file (`config/breadcrumbs.rb`).

Cette fois, nous allons implémenter une liste de paniers sur l'écran de gestion de l'application de blog, décrivez-la comme suit.

config/breadcrumbs.rb

#Écran de gestion
crumb :root do
  link "Home", admin_dashboard_path
end

#Liste des articles)
crumb :admin_articles do
  link "article", admin_articles_path
end

Description du code

config/breadcrumbs.rb

crumb :(Fichier de configuration) faire
  link "(Nom affiché dans la liste des miettes de pain)",(Chemin de l'appelant)
end

Paramètres d'affichage

Ici, la miette: admin_articles do décrite dans breadcrumbs.rb est connectée.

admin/articles/index.html.slim

- breadcrumb :admin_articles

Une liste de miettes de pain s'affichera aux endroits indiqués ci-dessous.

layouts/admin.html.slim

== breadcrumbs 

Paramètres des parents

Enfin, la méthode d'affichage avec des couches supplémentaires est décrite ci-dessous.

config/breadcrumb.rb

crumb :root do
  link "Home", admin_dashboard_path
end

crumb :admin_articles do
  link "article", admin_articles_path
end

crumb :edit_admin_article do
  link "Édition d'article", admin_articles_path
  parent :admin_articles
end

En plus d'ajouter les morceaux de pain de "Article" plus tôt, cette fois j'ai ajouté les morceaux de pain appelés "Article Edit". La différence avec la dernière fois est que parent: admin_articles est décrit dans la colonne d'édition d'article pour lier l'article à l'édition d'article.

Enfin, admin / articles / edit.html.slim peut également implémenter des miettes de pain après avoir défini la vue.

Liste des pages référencées

【document】 https://www.rubydoc.info/gems/gretel

【Flexible Ruby on Rails breadcrumbs plugin.（GitHub）】 https://github.com/lassebunk/gretel

[Créer une liste de miettes de pain avec gretel] https://doruby.jp/users/kisuzuki/entries/gretel%E3%81%A7%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A%E3%83%AA%E3%82%B9%E3%83%88%E3%82%92%E4%BD%9C%E6%88%90