Laravel Navigation Anfänger Tutorial #02

Dieses Tutorial ist für Laravel 5 konzipiert.

Aktuelle Tutorials findest du auf meiner neuen Laravel Tutorial Seite.

In diesem Teil des Laravel Tutorials geht es um die Laravel Navigation bzw. wie man diese umsetzt. Ich möchte dir zeigen wie du eine dynamische Navigation in Laravel integrieren kannst. Dabei nehmen wir im ersten Schritt die Daten für die Navigation aus der Laravel Config und in einem späteren Tutorial nutzen wir die Datenbank für die Erstellung der Navigation.

In meinem Laravel Anfänger Tutorial zum mitmachen für dich haben wir Twitter Bootstrap als HTML/CSS Framework in Laravel integriert und die Navigation mit @include in das Layout eingebunden. Du kannst dir das Tutorial gerne vorher anschauen. Dazu musst du allerdings etwas mehr Zeit aufwenden.

Laravel Navigation mit Twitter Bootstrap

Ok, dann legen wir mal los.

Ich gehe davon aus, dass du eine Layout Datei hast und dort mit @yield('content') der Inhalt aus deiner View rein gerendert wird. Dazu hast du wahrscheinlich im Moment deine Navigation noch komplett in der Layout Datei. Das sollten wir jetzt ändern, indem wir die Stelle mit dem Menü durch @include('navigation') austauschen.

Wenn du Twitter Bootstrap bereits benutzt, dann sollte das Codeschnipsel an dieser Stelle so

    @include('navigation')

aussehen. Falls du eigenen Code benutzt oder ein anders HTML / CSS Framework, dann sieht dein Code zumindest ähnlich aus.

Wir müssen jetzt die navigation.blade.php in /resources/views anlegen und dort den Inhalt einfügen, den wir aus dem Layout genommen haben. Ich zeige dir hier mal die navigation.php mit Twitter Bootstrap Code

    
Startseite
    
Kontaktseite
    
Impressum

Auch hier kann sich dein Navigation Html leicht von meinem Dummy unterscheiden. Mit ein wenig Phantasie sollte es aber kompatible sein.

Jetzt haben wir eigentlich noch nicht viel gemacht. Nur Code aus der Layout Datei in eine andere Datei ausgelagert.

Also beginnen wir jetzt mit der Konfiguration der Navigation. Dazu nehme ich mein Beispiel mit den drei Navigationspunkten Startseite, Kontakt und Impressum. Nicht sehr viel, aber es geht hier auch nur um die grundsätzliche Vorgehensweise.

Unter /config legst du dazu eine navigation.php an. Dort fügst du diesen Code

 'home',
	'title' => 'Startseite',
	'url'   => '/'
    ),
    array(
	'name'  => 'kontakt',
	'title' => 'Kontakt',
	'url'   => '/kontakt'
    ),
    array(
	'name'  => 'impressum',
	'title' => 'Impressum',
	'url'   => '/impressum'
    )
);

ein. Damit habe ich jetzt die drei Menüpunkte in meiner Laravel Configuration und kann mit Config::get('navigation') darauf zugreifen.

In der /resources/views/navigation.blade.php änderst du den Code jetzt dahingehend, dass nicht mehr statisches Html für die Navigation verwendet wird, sondern die Konfiguration. Hier der Code dazu

Der Code ist eigentlich fast selbsterklärend. Trotzdem ein paar Worte dazu. Per foreach Schleife gehen wir über die einzelnen Konfigurationseinträge und erzeugen daraus die Menüpunkte.

Wenn du über das Laravel Anfänger Tutorial kommst, dann kannst du jetzt per Reload das Ergebnis überprüfen.

Damit sind wir auch schon am Ende des Laravel Navigation Tutorials.

Ich hoffe es hat dir Spaß gemacht und hat dich ein kleines Stück weitergebracht. Mir hast es auf jeden Fall Spaß gemacht und weitergeholfen. Ich bin wieder einen Schritt weiter das Laravel Framework kennenzulernen.

Wenn du diesen Artikel nützlich findest, dann würde ich mich freuen wenn du ihn teilen würdest. Hast du Fragen, Anregungen, Kritik oder Lob? Dann hinterlasse einfach einen Kommentar.

Vielen Dank und viel Spaß mit Laravel 4.