Navigationsmenü erstellen mit Laravel

Das Navigationsmenü Es ist eine der wichtigsten Komponenten in einer Webanwendung. Dieses Element ermöglicht uns den Zugriff auf die verschiedenen Abschnitte unserer Anwendung und ermöglicht es dem Benutzer daher, die von uns vorbereiteten Inhalte zu verwenden und zu genießen.
Da dieses Element oder diese Komponente normalerweise während der gesamten Anwendung gleich bleibt, wäre es ideal, nicht jedes Mal dieselbe Struktur wiederholen zu müssen, wenn wir eine neue Ansicht unserer Website erstellen müssen.
AnforderungenUm das von uns vorgeschlagene Menü zu erstellen, benötigen wir nur eine Standardinstallation von Laravel damit wir alle notwendigen Komponenten haben.
Sobald wir haben, was wir brauchen, werden wir die Routen erstellen, in diesem Fall werden wir 3 Routen mit 3 Ansichten generieren, wobei wir in jede dieser Ansichten die dem Menü entsprechenden verschachtelten Ansichten einbinden werden, dies ist ganz einfach und wir werden im folgenden Code sehen, wie es geht. Wir werden eine Ansicht generieren und es als Übung belassen, die beiden zusätzlichen Routen zu generieren.
Dazu werden wir in die Datei einfügen routen.php der nächste:

VERGRÖSSERN

Wenn wir dieses Beispiel im Detail analysieren, sehen wir, dass wir eine Ansicht namens . benötigen Menü-Layout die die Grundlage unserer Speisekarte sein wird, darin werden wir die Grundstruktur haben HTML, dann mit der Methode Nest () wir integrieren die verschachtelten Ansichten, in diesem Fall die Ansicht Menü-Menü und später Menü-Eins, befinden Sie sich in der Layoutansicht.
Jetzt erstellen wir die Ansicht Menü-Layout, dafür erstellen wir eine Datei namens menu-layout.php im Ordner Ansichten unserer Bewerbung, wenn wir uns ansehen Routen Wir erstellen zwei Abschnitte, einer namens Speisekarte und noch ein Anruf Inhalt Diese müssen in unserem Layout sein, damit wir den Inhalt dort anzeigen können, wir werden auch das notwendige CSS erstellen, um unser Menü zu stylen. Mal sehen wie es wäre:

Da wir unsere Basis haben, müssen wir dann das Menü als solches erstellen, dafür erstellen wir eine Ansicht in einer Datei namens menu-menu.php Im Ansichtenordner unserer Anwendung erstellen wir einen Link zu den Ansichten, die wir in unserer Datei erstellen routen.php, machen wir einen Vergleich mit der Eigenschaft Segment das sagt uns, ob die Route der Ansicht entspricht und gibt ihr somit einen anderen Stil, wenn wir uns in jedem Abschnitt des Menüs befinden.

Wir schaffen endlich unsere Ansicht menu-uno.php im Ordner Ansichten und wir fügen jeglichen Inhalt hinzu, wir hinterlassen ein kleines Beispiel und die beiden verbleibenden Ansichten bleiben als Teil der Übung:

Seite eins
Dies ist der Beispielinhalt

Beim Besuch unserer Anwendung sollten wir bereits unsere Hauptansicht mit dem Menü sehen, wenn wir auf den Menülink klicken, der uns führt Menü-Eins, sehen wir, wie sich das Menü ändert und der Link in diesem Abschnitt wird hervorgehoben. Wenn wir die anderen Ansichten vervollständigen, sehen wir, wie alles funktioniert.
Wenn wir das beherrschen, können wir dynamische Links erstellen, mit Datenbankabfragen usw. Es ist also etwas, das in Zukunft sehr nützlich sein kann und damit beenden wir dieses Tutorial, wir haben bereits gelernt, wie man ein einfaches Menü mit generiert Laravel und verschachtelte Ansichten.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben