[RUBY] So implementieren Sie die Brotkrumenfunktion mit gretel

Was: Was ist die Brotkrumenfunktion?

Die Krümelfunktion ist diese Anzeige, die Sie häufig oben auf Webseiten sehen! !!

Warum: Warum die Funktion für Semmelbrösel implementieren?

Die Funktion für Brotkrumen ist eine Funktion, mit der Benutzer leichter sehen können, auf welcher Seite sie sich gerade befinden.

Wie: Wie zu implementieren

Schritt 1: Einführung von gemfile

Fügen Sie nun 'gem gretel' zu Ihrer gemfile hinzu und führen Sie die Bundle-Installation aus.

gem 'gretel'

$ bundle install

Schritt 2: Erstellen Sie eine Konfigurationsdatei

Nachdem die Bundle-Installation abgeschlossen ist, generieren Run Rails gretel: install. Dadurch wird die Datei widthcrumbs.rb im Konfigurationsverzeichnis generiert. Dies ist die Konfigurationsdatei.

$ rails generate gretel:install

Schritt 3: Beschreibung der Einstellungsdatei

Beschreiben Sie es in der generiertenreadcrumbs.rb.

Dieses Mal möchte ich Elementvariablen verwenden, um die übergeordneten, untergeordneten und Enkelelemente von Kategorien mit hierarchischer Struktur zu erfassen und anzuzeigen. : warning: Hierbei ist zu beachten, dass zusätzlich zur Übergabe der Variablen @item als Argument in der Ansicht ein Fehler auftritt, wenn Sie das Variablenelement nach dem untergeordneten Element nicht zum übergeordneten Element der Krume hinzufügen! (Ich kenne die Ursache nicht, ich würde es begrüßen, wenn Sie es mir sagen könnten!)

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

Schritt 4: Beschreibung anzeigen

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

Schritt 5: Anpassen der Ansicht

Wenn Sie das Erscheinungsbild mit CSS anpassen, ...

Komplett! !!

Ich habe viele Erklärungen ausgelassen Eine ausführliche Erklärung finden Sie in Offizielles Dokument. Bitte lesen Sie diese! [Referenzartikel] Implementierung der Abfallbrotliste [Rails] Brotschrottliste mit gretel erstellen Die offensichtlichste Implementierung von Semmelbröseln (gem'gretel ')