[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.

スクリーンショット 2020-10-12 17.09.55.png

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.

スクリーンショット 2020-10-12 14.48.17.png

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

Recommended Posts

[Rails] Création d'une liste de miettes de pain à l'aide de Gem gretel
[Pour les débutants] Procédure de création d'un contrôleur à l'aide de rails
[Rails] Création d'un champ de recherche
[Rails] Gérez plusieurs modèles à l'aide de la gemme de devise
Rails Bases de la création d'une nouvelle application
Implémenter un bouton de partage dans Rails 6 sans utiliser Gem
[Rails] Comment créer un graphique à l'aide de lazy_high_charts
Générer un mot de passe de compte de test à l'aide de Rails SecureRandom.alphanumeric
[Rails] Afficher les catégories à plusieurs niveaux dans la liste des rebuts
Comment mettre en œuvre la fonction de chapelure avec Gretel
[Rails] J'ai créé une fonction de brouillon en utilisant enum
(Ruby on Rails6) Création de données dans une table
Enregistrer les données d'un fichier Excel à l'aide de Rails Gem Roo
Un mémorandum pour créer un enregistreur étendu à l'aide de org.slf4j.Logger