[RUBY] [Rails] Erstellen einer Brotkrumenliste mit Gem gretel

Was ist überhaupt eine Brotkrumenliste?

Die Brotkrumenliste ist eine Liste, in der die Seiten in einer hierarchischen Reihenfolge angeordnet sind (siehe Abbildung unten) und die aktuelle Position des Benutzers während des Betriebs angezeigt wird. Eine solche Liste wird als Positionsbrotschrottliste bezeichnet.

Es gibt auch eine Liste, die anzeigt, zu welcher Art von Kategorie die Seite gehört, anstatt die Seite anzuzeigen, die hierarchisch als Attributtyp-Brotschrottliste bezeichnet wird. Ein Beispiel für eine Brotkrumenliste vom Attributtyp ist eine EC-Site.

Die Einführung der Brotkrumenliste hat die folgenden drei Hauptvorteile. ・ Verbesserte Bedienbarkeit → Benutzer können jederzeit die Standortinformationen auf der Site überprüfen.

Verbesserung der Verweildauer → Die Brotschrottliste erleichtert das Wechseln zwischen den Ebenen und verbessert die Mobilität.

SEO-Effekt → Crawler-Patrouille mit Brotschrottliste unterstützen.

gretel Installation

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

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

In Gemfile

gem 'gretel'

Führen Sie nach dem Schreiben Folgendes aus

$ bundle install

Damit ist die Installation abgeschlossen.

Aufbau

Erstellen Sie mit dem folgenden Befehl eine Datei, um die Brotkrumenliste festzulegen.

$ rails generate gretel:install

Dann wird eine solche Datei erstellt.

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`).

Dieses Mal implementieren wir eine Brotschrottliste auf dem Verwaltungsbildschirm der Blog-Anwendung. Beschreiben Sie sie daher wie folgt.

config/breadcrumbs.rb

#Verwaltungsbildschirm
crumb :root do
  link "Home", admin_dashboard_path
end

#Artikelliste)
crumb :admin_articles do
  link "Artikel", admin_articles_path
end

Codebeschreibung

config/breadcrumbs.rb

crumb :(Einstellungsdatei) tun
  link "(Name in der Brotkrumenliste angezeigt)",(Anruferpfad)
end

Einstellungen anzeigen

Hier ist die in grasscrumbs.rb beschriebene crumb: admin_articles do verbunden.

admin/articles/index.html.slim

- breadcrumb :admin_articles

Eine Liste der Semmelbrösel wird an den unten aufgeführten Stellen angezeigt.

layouts/admin.html.slim

== breadcrumbs 

Übergeordnete Einstellungen

Schließlich wird die Anzeigemethode mit zusätzlichen Ebenen wie unten gezeigt beschrieben.

config/breadcrumb.rb

crumb :root do
  link "Home", admin_dashboard_path
end

crumb :admin_articles do
  link "Artikel", admin_articles_path
end

crumb :edit_admin_article do
  link "Artikelbearbeitung", admin_articles_path
  parent :admin_articles
end

Zusätzlich zum früheren Hinzufügen der Brotreste von "Artikel" habe ich diesmal die Brotreste mit dem Namen "Artikel bearbeiten" hinzugefügt. Der Unterschied zum letzten Mal besteht darin, dass parent: admin_articles in der Artikelbearbeitungsspalte beschrieben wird, um den Artikel mit der Artikelbearbeitung zu verknüpfen.

Schließlich kann admin / articles / edit.html.slim nach dem Festlegen der Ansicht auch Brotkrumen implementieren.

Liste der Seiten, auf die verwiesen wird

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

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

[Erstellen Sie eine Brotkrumenliste mit 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