Lag navigasjonsmeny med Laravel

De navigasjonsmeny Det er en av de viktigste komponentene i en webapplikasjon, dette elementet er det som gir oss tilgang til de forskjellige delene av applikasjonen vår og lar derfor brukeren bruke og nyte innholdet som vi har forberedt for dem.
Ettersom dette elementet eller komponenten normalt forblir den samme i hele applikasjonen, ville ideelt være å ikke måtte gjenta den samme strukturen hver gang vi trenger å få et nytt syn på nettstedet vårt.
KravFor å bygge menyen som vi skal foreslå trenger vi bare en standard installasjon av Laravel slik at vi kan ha alle nødvendige komponenter.
Når vi har det vi trenger, skal vi lage rutene, i dette tilfellet skal vi generere 3 ruter med 3 visninger, hvor vi for hver av disse visningene skal inkorporere de nestede visningene som tilsvarer menyen, dette er ganske enkelt, og vi vil se i følgende kode hvordan du gjør det. Vi kommer til å generere en visning og la det være en øvelse for å generere de to ekstra rutene.
For å gjøre det skal vi plassere det i filen routes.php den neste:

FORSTØRRE

Hvis vi analyserer dette eksemplet i detalj ser vi at vi trenger en visning kalt menyoppsett som vil være grunnlaget for menyen vår, i den vil vi ha den grunnleggende strukturen HTML, deretter med metoden nest () vi inkorporerer de nestede visningene, i dette tilfellet utsikten meny-meny og senere meny-en, kommer du til å være inne i layoutvisningen.
Nå skal vi lage utsikten menyoppsett, for dette skal vi generere en fil som heter meny-layout.php i mappen visninger av søknaden vår, hvis vi ser på ruter vi oppretter to seksjoner den ene heter Meny og en annen samtale innhold Disse må være i oppsettet vårt slik at vi kan vise innholdet der, vi vil også lage den nødvendige CSS for å style menyen vår. La oss se hvordan det ville være:

Siden vi har vår base må vi da lage menyen som sådan, for dette skal vi lage en visning i en fil som heter menu-menu.php I visningsmappen i applikasjonen vår skal vi opprette en lenke til visningene vi lager i filen vår routes.php, la oss gjøre en sammenligning med eiendommen segmentet som vil fortelle oss om ruten tilsvarer utsikten og dermed gi den en annen stil når vi er i hver del av menyen.

Endelig skaper vi vårt syn meny-uno.php i mappen visninger og vi legger til innhold, etterlater oss et lite eksempel, og de to gjenværende visningene forblir som en del av øvelsen:

Side en
dette er prøveinnholdet

Når du besøker applikasjonen vår, bør vi allerede se hovedvisningen med menyen, hvis vi klikker på menylinken som tar oss til meny-en, vi ser hvordan menyen vil endre seg og lenken i denne delen vil bli uthevet, hvis vi fullfører de andre visningene, vil vi se hvordan alt vil fungere.
Hvis vi mestrer dette, kan vi lage dynamiske lenker, med databasespørsmål, etc. Så det er noe som kan være veldig nyttig i fremtiden, og med dette fullfører vi denne opplæringen, vi har allerede lært hvordan vi kan generere en enkel meny med Laravel og nestede utsikt.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng