Opret navigationsmenu med Laravel

Indholdsfortegnelse
Det navigationsmenu Det er en af ​​de vigtigste komponenter i en webapplikation, dette element er det, der giver os adgang til de forskellige sektioner af vores applikation og giver derfor brugeren mulighed for at bruge og nyde det indhold, vi har forberedt til dem.
Da dette element eller denne komponent normalt forbliver det samme i hele applikationen, ville det ideelle være ikke at skulle gentage den samme struktur hver gang vi har brug for at få et nyt syn på vores websted.
KravFor at bygge den menu, som vi vil foreslå, behøver vi kun en standardinstallation af Laravel så vi kan have alle de nødvendige komponenter.
Når vi har det, vi har brug for, skal vi oprette ruterne, i dette tilfælde skal vi generere 3 ruter med 3 visninger, hvor vi til hver af disse visninger skal inkorporere de indlejrede visninger, der svarer til menuen, er dette ganske enkelt, og vi vil se i følgende kode, hvordan man gør det. Vi kommer til at generere en visning og efterlade det som en øvelse at generere de to ekstra ruter.
For at gøre det skal vi placere det i filen ruter.php den næste:

FORSTØRRE

Hvis vi analyserer dette eksempel i detaljer, ser vi, at vi har brug for en visning kaldet menu-layout som vil være grundlaget for vores menu, i den vil vi have grundstrukturen HTML, derefter med metoden rede () vi inkorporerer de indlejrede synspunkter, i dette tilfælde visningen menu-menu og senere menu-en, du kommer til at være inde i layoutvisningen.
Nu skal vi skabe udsigten menu-layout, til dette vil vi generere en fil kaldet menu-layout.php i mappen visninger af vores ansøgning, hvis vi ser på ruter vi opretter to sektioner, den ene kaldes menu og et andet opkald indhold Disse skal være i vores layout, så vi kan vise indholdet der, vi vil også oprette den nødvendige CSS til at style vores menu. Lad os se, hvordan det ville være:

Da vi har vores base, skal vi derefter oprette menuen som sådan, til dette skal vi oprette en visning i en fil med navnet menu-menu.php I visningsmappen i vores applikation skal vi oprette et link til de visninger, vi opretter i vores fil ruter.php, lad os foretage en sammenligning med ejendommen segment det vil fortælle os, om ruten svarer til udsigten og dermed give den en anden stil, når vi er i hvert afsnit af menuen.

Vi skaber endelig vores syn menu-uno.php i mappen visninger og vi tilføjer indhold, vi efterlader et lille eksempel, og de to resterende visninger forbliver som en del af øvelsen:

Side et

dette er prøveindholdet


Når vi besøger vores applikation, bør vi allerede se vores hovedvisning med menuen, hvis vi klikker på det menulink, der fører os til menu-en, ser vi, hvordan menuen ændres, og linket i dette afsnit vil blive fremhævet, hvis vi gennemfører de andre visninger, vil vi se, hvordan alt vil fungere.
Hvis vi mestrer dette, kan vi lave dynamiske links med databasespørgsmål osv. Så det er noget, der kan være meget nyttigt i fremtiden, og med dette afslutter vi denne vejledning, vi har allerede lært, hvordan man genererer en enkel menu med Laravel og indlejrede synspunkter.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt
wave wave wave wave wave