Créer un menu de navigation avec Laravel

Le le menu de navigation C'est l'un des composants les plus importants d'une application Web, cet élément est ce qui nous permet d'accéder aux différentes sections de notre application et permet donc à l'utilisateur d'utiliser et de profiter du contenu que nous avons préparé pour lui.
Comme cet élément ou composant reste normalement le même tout au long de l'application, l'idéal serait de ne pas avoir à répéter la même structure à chaque fois que nous devons créer une nouvelle vue de notre site Web.
ExigencesAfin de construire le menu que nous allons proposer, nous n'avons besoin que d'une installation standard de Laravel afin que nous puissions avoir tous les composants nécessaires.
Une fois que nous avons ce dont nous avons besoin, nous allons créer les routes, dans ce cas nous allons générer 3 itinéraires avec 3 vues, où à chacune de ces vues nous allons incorporer les vues imbriquées correspondant au menu, c'est assez simple et nous verrons dans le code suivant comment faire. Nous allons générer une vue et laisser cela en exercice pour générer les deux routes supplémentaires.
Pour ce faire nous allons placer dans le fichier itinéraires.php le suivant:

AGRANDIR

Si nous analysons cet exemple en détail, nous voyons que nous avons besoin d'une vue appelée mise en page du menu qui sera la base de notre menu, nous y aurons la structure de base HTML, puis avec la méthode nid () nous incorporons les vues imbriquées, dans ce cas la vue menu-menu et après menu-un, vous serez dans la vue de mise en page.
Nous allons maintenant créer la vue mise en page du menu, pour cela nous allons générer un fichier nommé mise en page-menu.php dans le dossier vues de notre application, si nous regardons itinéraires nous créons deux sections l'une appelée menu et un autre appel contenu Ceux-ci doivent être dans notre mise en page pour que nous puissions y afficher le contenu, nous allons également créer le CSS nécessaire pour styliser notre menu. Voyons comment ce serait :

Puisque nous avons notre base nous devons ensuite créer le menu en tant que tel, pour cela nous allons créer une vue dans un fichier nommé menu-menu.php Dans le dossier vues de notre application, nous allons créer un lien vers les vues que nous créons dans notre fichier itinéraires.php, faisons une comparaison avec la propriété segment qui nous dira si le parcours correspond à la vue et ainsi lui donnera un style différent lorsque nous serons dans chaque section du menu.

Nous créons enfin notre vue menu-uno.php dans le dossier vues et nous ajoutons n'importe quel contenu, nous laissons un petit exemple et les deux vues restantes restent dans le cadre de l'exercice :

Page un
c'est le contenu de l'échantillon

Lors de la visite de notre application, nous devrions déjà voir notre vue principale avec le menu, si nous cliquons sur le lien du menu qui nous amène à menu-un, nous voyons comment le menu changera et le lien dans cette section sera mis en évidence, si nous complétons les autres vues, nous verrons comment tout fonctionnera.
Si nous maîtrisons cela, nous pouvons faire des liens dynamiques, avec des requêtes de base de données, etc. C'est donc quelque chose qui peut être très utile à l'avenir et avec cela nous terminons ce tutoriel, nous avons déjà appris à générer un menu simple avec Laravel et vues imbriquées.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif