Crea menu di navigazione con Laravel

Il Menu di navigazione È uno dei componenti più importanti di un'applicazione Web, questo elemento è ciò che ci consente di accedere alle diverse sezioni della nostra applicazione e quindi consente all'utente di utilizzare e godere dei contenuti che abbiamo preparato per loro.
Poiché questo elemento o componente normalmente rimane lo stesso per tutta l'applicazione, l'ideale sarebbe non dover ripetere la stessa struttura ogni volta che dobbiamo fare una nuova visualizzazione del nostro sito web.
RequisitiPer costruire il menu che andremo a proporre, abbiamo solo bisogno di un'installazione standard di Laravel in modo che possiamo avere tutti i componenti necessari.
Una volta ottenuto ciò di cui abbiamo bisogno, creeremo i percorsi, in questo caso lo faremo genera 3 percorsi con 3 viste, dove a ciascuna di queste viste incorporeremo le viste nidificate corrispondenti al menu, questo è abbastanza semplice e vedremo nel codice seguente come farlo. Genereremo una vista e lo lasceremo come esercizio per generare i due percorsi aggiuntivi.
Per fare ciò inseriamo nel file route.php il prossimo:

INGRANDIRE

Se analizziamo questo esempio in dettaglio vediamo che abbiamo bisogno di una vista chiamata layout del menu che sarà la base del nostro menù, in esso avremo la struttura base HTML, quindi con il metodo nido () incorporiamo le viste annidate, in questo caso la vista menu-menu e più tardi menu-uno, ti troverai all'interno della visualizzazione layout.
Ora creeremo la vista layout del menu, per questo genereremo un file chiamato menu-layout.php nella cartella visualizzazioni della nostra applicazione, se guardiamo itinerari creiamo due sezioni una chiamata menù e un'altra chiamata contenuto Questi devono essere nel nostro layout in modo che possiamo visualizzare il contenuto lì, creeremo anche il CSS necessario per lo stile del nostro menu. Vediamo come sarebbe:

Poiché abbiamo la nostra base, dobbiamo quindi creare il menu come tale, per questo creeremo una vista in un file chiamato menu-menu.php Nella cartella delle viste della nostra applicazione, creeremo un collegamento alle viste che creiamo nel nostro file route.php, facciamo un confronto con la proprietà segmento che ci dirà se il percorso corrisponde alla vista e quindi gli darà uno stile diverso quando siamo in ogni sezione del menu.

Finalmente creiamo la nostra vista menu-uno.php nella cartella visualizzazioni e aggiungiamo qualsiasi contenuto, lasciamo un piccolo esempio e le due viste rimanenti rimangono come parte dell'esercizio:

Pagina uno
questo è il contenuto del campione

Quando visitiamo la nostra applicazione dovremmo già vedere la nostra vista principale con il menu, se clicchiamo sul collegamento del menu che ci porta a menu-uno, vediamo come cambierà il menu e il link in questa sezione verrà evidenziato, se completiamo le altre viste vedremo come funzionerà il tutto.
Se padroneggiamo questo, possiamo creare collegamenti dinamici, con query di database, ecc. Quindi è qualcosa che può essere molto utile in futuro e con questo finiamo questo tutorial, abbiamo già imparato come generare un semplice menu con Laravel e viste nidificate.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo