1-4 😈 Mini-boss
-
Premièrement, faites en sorte de modifier le fichier de
Layout
pour remplacer les références àSnowfall.Web.Mvc
dans la balise title, dans la navigation et dans le pied de page pour simplementSnowfall
. -
Ajoutez une troisième action et vue au contrôleur
HomeController
pour une pageÀ propos
. Ajoutez au passage un élément de navigation dans le menu pour la page!astuceIl existe des raccourcis pour créer des fichiers comme les fichiers de vue.
En effectuant un clic droit sur un dossier (
Home
par exemple), vous pouvez utiliserAdd
->Razor MVC View with Layout
Vous pouvez supprimer la première ligne
@model
, ainsi que la ligneLayout
nous verrons les concepts s'y rattachant plus tard.
Cheat Code (solution)
- Ajouter une action
About
(ou similaire) dans le contrôleurHomeController
Snowfall.Web.Mvc/Controllers/HomeController.cspublic IActionResult About()
{
return View();
} - Créer une vue portant le même nom que l'action. Dans mon cas,
About
Snowfall.Web.Mvc/Views/Home/About.cshtml@{
ViewBag.Title = "À propos";
}
<div class="text-center">
<h1 class="display-4">À propos</h1>
</div> - Dans
_Layout.cshtml
, modifiez la balise title et ajoutez un lien de navigation vers la nouvelle page.<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>@ViewData["Title"] - Snowfall</title>
...
<ul class="navbar-nav flex-grow-1">
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="About">À propos</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
</li>
</ul>
...