Créer une vue sous Laravel
Créer une vue sous Laravel
-
Objectifs
- Connaitre le système de routage Laravel
-
Présentation
- Les vues dans Laravel contiennent une logique qui détermine comment présenter le résultat final de l’ application Web aux utilisateurs. La sortie est souvent la sortie HTML qui, après chaque réponse, revient aux utilisateurs. Le répertoire resources/views contient ces vues par défaut dans Laravel.
- Le mot « vue » qui sera utilisé tout au long de ce cours est une traduction du mot anglais « view ». Il ne s’agit donc pas du Framework JavaScript VueJS, mais bien de vues telles qu’elles sont définies dans le patron de conception modèle-vue-contrôleur.
- Sous Laravel, pour afficher correctement une page Web dans le navigateur, il faut utiliser une vue. C’est la vue qui est en charge de générer le code HTML. Elle utilisera pour cela, en plus des balises HTML, des directives et instructions que le moteur d’affichage Blade met à sa disposition.
- Les vues contiennent le code HTML du site. Créer une vue signifie donc créer un fichier contenant du HTML qui sera retourné par une route.
-
Créer une première vue
- Vous pouvez créer une vue en plaçant un fichier avec l’extension
.blade.php
dans les resources/views de votre application annuaire. - L’extension
.blade.php
informe le framework que le fichier contient un modèle Blade. - Dans le cadre MVC, la lettre «V» signifie Vues . Il sépare la logique d’application et la logique de présentation. Les vues sont stockées dans le répertoire resources/views . Généralement, la vue contient le HTML qui sera servi par l’application.
- Étapes de création
- D’abord, créez un dossier nommé apprenants sous ressources\views.
- Dans ce dossier, créez le fichier index.blade.php et copiez-y le code suivant : CRÉER UNE VUE SOUS LARAVEL
- Ajoutez la ligne suivante dans le fichier routes/web.php pour définir l’itinéraire pour la vue ci-dessus.
- Visitez l’URL suivante pour voir la sortie de la vue.
-
http://127.0.0.1:8000/apprenants/index
- La sortie apparaîtra comme indiqué dans l’image suivante:
Les bonnes pratiques veulent qu’on crée un sous-dossier pour les vues de chacun des contrôleurs. Le nom du sous-dossier correspondra à la première partie du nom du contrôleur, tout en minuscules (ex : pour les vues utilisées par ApprenantsController : resources\views\apprenants).
Route::get('/apprenants/index',function(){
return view('apprenants/index');
});