Maak een navigatiemenu met Laravel

De navigatie menu Het is een van de belangrijkste componenten in een webtoepassing, dit element geeft ons toegang tot de verschillende secties van onze toepassing en stelt de gebruiker daarom in staat om de inhoud te gebruiken en ervan te genieten die we voor hen hebben voorbereid.
Aangezien dit element of onderdeel normaal gesproken hetzelfde blijft gedurende de hele applicatie, zou het ideaal zijn om niet elke keer dezelfde structuur te moeten herhalen als we een nieuwe weergave van onze website moeten maken.
VereistenOm het menu te bouwen dat we gaan voorstellen, hebben we alleen een standaardinstallatie nodig van: Laravel zodat we over alle benodigde componenten kunnen beschikken.
Zodra we hebben wat we nodig hebben, gaan we de routes maken, in dit geval gaan we genereer 3 routes met 3 views, waar we naar elk van deze weergaven de geneste weergaven gaan opnemen die overeenkomen met het menu, dit is vrij eenvoudig en we zullen in de volgende code zien hoe we dit moeten doen. We gaan een weergave genereren en laten het als een oefening om de twee extra routes te genereren.
Om dit te doen gaan we in het bestand plaatsen routes.php de volgende:

VERGROTEN

Als we dit voorbeeld in detail analyseren, zien we dat we een weergave nodig hebben met de naam menu-indeling wat de basis zal zijn van ons menu, daarin zullen we de basisstructuur hebben HTML, dan met de methode nest () we nemen de geneste weergaven op, in dit geval de weergave menu-menu en later menu-één, bevindt u zich in de lay-outweergave.
Nu gaan we het uitzicht maken menu-indeling, hiervoor gaan we een bestand genereren met de naam menu-layout.php in de map keer bekeken van onze applicatie, als we kijken naar routes we maken twee secties, één genaamd menu en nog een oproep inhoud Deze moeten in onze lay-out staan ​​zodat we de inhoud daar kunnen weergeven, we zullen ook de nodige CSS maken om ons menu te stylen. Laten we eens kijken hoe het zou zijn:

Omdat we onze basis hebben, moeten we het menu als zodanig maken, hiervoor gaan we een weergave maken in een bestand met de naam menu-menu.php In de map views van onze applicatie gaan we een link maken naar de views die we in ons bestand maken routes.php, laten we een vergelijking maken met het onroerend goed segment dat zal ons vertellen of de route overeenkomt met het uitzicht en het dus een andere stijl geven wanneer we ons in elk gedeelte van het menu bevinden.

Eindelijk creëren we ons uitzicht menu-uno.php in de map keer bekeken en we voegen inhoud toe, we laten een klein voorbeeld achter en de twee resterende weergaven blijven als onderdeel van de oefening:

Pagina een
dit is de voorbeeldinhoud

Wanneer we onze applicatie bezoeken, zouden we onze hoofdweergave met het menu al moeten zien, als we op de menulink klikken die ons naar . brengt menu-één, we zien hoe het menu zal veranderen en de link in deze sectie zal worden gemarkeerd, als we de andere weergaven voltooien, zullen we zien hoe alles zal werken.
Als we dit onder de knie hebben kunnen we dynamische koppelingen maken, met database queries, etc. Het is dus iets dat in de toekomst erg handig kan zijn en hiermee sluiten we deze tutorial af, we hebben al geleerd hoe we een eenvoudig menu kunnen genereren met Laravel en geneste weergaven.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven