Skapa navigeringsmeny med Laravel

De Navigeringsmeny Det är en av de viktigaste komponenterna i en webbapplikation, det här elementet är det som gör att vi kan komma åt de olika delarna av vår applikation och därför låter användaren använda och njuta av innehållet som vi har förberett för dem.
Eftersom denna komponent eller komponent normalt förblir densamma under hela applikationen, skulle idealet vara att inte behöva upprepa samma struktur varje gång vi behöver göra en ny bild av vår webbplats.
KravFör att kunna bygga menyn som vi ska föreslå behöver vi bara en standardinstallation av Laravel så att vi kan ha alla nödvändiga komponenter.
När vi väl har det vi behöver ska vi skapa rutterna, i det här fallet ska vi generera 3 rutter med 3 vyer, där för var och en av dessa vyer vi ska införliva de kapslade vyerna som motsvarar menyn, är detta ganska enkelt och vi kommer att se i följande kod hur man gör det. Vi kommer att skapa en vy och lämna den som en övning för att generera de två ytterligare rutterna.
För att göra det kommer vi att placera i filen routes.php nästa:

FÖRSTORA

Om vi ​​analyserar detta exempel i detalj ser vi att vi behöver en vy som kallas meny-layout som kommer att ligga till grund för vår meny, i den kommer vi att ha den grundläggande strukturen HTML, sedan med metoden bo () vi införlivar de kapslade vyerna, i detta fall utsikten meny-meny och senare meny-ett, kommer du att vara inne i layoutvyn.
Nu ska vi skapa vyn meny-layout, för detta kommer vi att generera en fil som heter meny-layout.php i mappen vyer i vår ansökan, om vi tittar på rutter vi skapar två sektioner en kallad meny och ett annat samtal innehåll Dessa måste finnas i vår layout så att vi kan visa innehållet där, vi kommer också att skapa den nödvändiga CSS för att utforma vår meny. Låt oss se hur det skulle vara:

Eftersom vi har vår bas måste vi sedan skapa menyn som sådan, för detta kommer vi att skapa en vy i en fil med namnet menu-menu.php I mappen vyer i vår applikation kommer vi att skapa en länk till de vyer som vi skapar i vår fil routes.php, låt oss göra en jämförelse med fastigheten segmentet som kommer att berätta om rutten motsvarar utsikten och därmed ge den en annan stil när vi är i varje avsnitt på menyn.

Vi skapar äntligen vår uppfattning meny-uno.php i mappen vyer och vi lägger till innehåll, vi lämnar ett litet exempel och de två återstående vyerna finns kvar som en del av övningen:

Sida ett
detta är provinnehållet

När vi besöker vår applikation bör vi redan se vår huvudvy med menyn, om vi klickar på menylänken som tar oss till meny-ett, vi ser hur menyn kommer att förändras och länken i det här avsnittet kommer att markeras, om vi slutför de andra vyerna kommer vi att se hur allt kommer att fungera.
Om vi ​​behärskar detta kan vi skapa dynamiska länkar, med databasfrågor, etc. Så det är något som kan vara mycket användbart i framtiden och med det här avslutar vi denna handledning, vi har redan lärt oss hur man skapar en enkel meny med Laravel och kapslade vyer.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng