Crie um menu de navegação com o Laravel

O menu de navegação É um dos componentes mais importantes de uma aplicação web, é este elemento que nos permite aceder às diferentes secções da nossa aplicação e por isso permite ao utilizador utilizar e desfrutar do conteúdo que preparámos para elas.
Como este elemento ou componente normalmente permanece o mesmo em toda a aplicação, o ideal seria não ter que repetir a mesma estrutura toda vez que precisarmos fazer uma nova visualização do nosso site.
RequisitosPara construir o menu que vamos propor, precisamos apenas de uma instalação padrão de Laravel para que possamos ter todos os componentes necessários.
Assim que tivermos o que precisamos, vamos criar as rotas, neste caso vamos gerar 3 rotas com 3 visualizações, onde a cada uma dessas visualizações vamos incorporar as visualizações aninhadas correspondentes ao menu, isso é bastante simples e veremos no código a seguir como fazê-lo. Vamos gerar uma visão e deixá-la como um exercício para gerar as duas rotas adicionais.
Para fazer isso, vamos colocar no arquivo routes.php o seguinte:

PROLONGAR

Se analisarmos este exemplo em detalhes, veremos que precisamos de uma visão chamada menu-layout que será a base do nosso cardápio, nele teremos a estrutura básica HTML, então com o método ninho () incorporamos as visualizações aninhadas, neste caso, a visualização menu-menu e logo menu um, você estará dentro da visualização de layout.
Agora vamos criar a vista menu-layout, para isso vamos gerar um arquivo chamado menu-layout.php na pasta Visualizações de nossa aplicação, se olharmos para rotas criamos duas seções, uma chamada cardápio e outra ligação contente Eles devem estar em nosso layout para que possamos exibir o conteúdo lá, também criaremos o CSS necessário para estilizar nosso menu. Vamos ver como seria:

Uma vez que temos nossa base, devemos então criar o menu como tal, para isso vamos criar uma visão em um arquivo chamado menu-menu.php Na pasta de visualizações de nosso aplicativo, vamos criar um link para as visualizações que criamos em nosso arquivo routes.php, vamos fazer uma comparação com a propriedade segmento isso nos dirá se a rota corresponde à visualização e, assim, dará a ela um estilo diferente quando estivermos em cada seção do menu.

Finalmente criamos nossa visão menu-uno.php na pasta Visualizações e adicionamos qualquer conteúdo, deixamos um pequeno exemplo e as duas visualizações restantes permanecem como parte do exercício:

Página um
este é o conteúdo de amostra

Ao visitar nosso aplicativo já devemos ver nossa visualização principal com o menu, se clicarmos no link do menu que nos leva a menu um, vemos como o menu vai mudar e o link nesta seção ficará em destaque, se completarmos as outras visualizações veremos como tudo vai funcionar.
Se dominarmos isso, podemos fazer links dinâmicos, com consultas de banco de dados, etc. Então é algo que pode ser muito útil no futuro e com isso terminamos este tutorial, já aprendemos como gerar um menu simples com Laravel e visualizações aninhadas.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo