Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
0% ont trouvé ce document utile (0 vote)
122 vues15 pages

Module 04 - ASP - NET MVC

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1/ 15

Développement Web

côté serveur avec ASP.NET


Module 4 - ASP.NET MVC
Développement Web côté serveur avec ASP.NET

Objectifs
• Comprendre le fonctionnement du MVC ASP.NET
• Comprendre et utiliser les routes
• Savoir créer et enrichir un contrôleur
• Savoir créer et utiliser une Action
Développement Web côté serveur avec ASP.NET
La création d’un nouveau projet Web

Fichier > Nouveau > projet


Développement Web côté serveur avec ASP.NET
Structure d’un projet ASP.NET Core MVC 6.0

Services
Packages NuGet
Informations de lancement
Ressources statiques
Contrôleurs
Modèles (entités et ViewModels)
Vues dynamiques
Vues dynamiques partagées
Paramètres d’application
Point d’entrée
Développement Web côté serveur avec ASP.NET
Lancement du site

• Mode Debug
• IIS Express
• Localhost
• Numéro de port
Développement Web côté serveur avec ASP.NET

Le framework MVC crée une instance


Requête
du contrôleur visée par la route

L’action du contrôleur
est exécutée

Le modèle est combiné


HTML renvoyé
avec la vue
Développement Web côté serveur avec ASP.NET
Controller

public class HomeController : Controller {



public IActionResult Index() { Routes
return View();
} Actions

public IActionResult Privacy() {


Action Results
return View();
}

}
Développement Web côté serveur avec ASP.NET
Routing

Program.cs
… Middleware de
app.UseRouting(); routage

app.MapControllerRoute(
name: "default",
Modèle de routes
pattern: "{controller=Home}/{action=Index}/{id?}"); classiques

Action de lancement

https://docs.microsoft.com/fr-fr/aspnet/core/mvc/controllers/routing?view=aspnetcore-6.0#multiple-conventional-routes
Développement Web côté serveur avec ASP.NET
Routing

Localhost:7083 Instanciation d’un objet


/Home/Privacy “HomeController”

L’action “Privacy”
est exécutée

HTML La vue “Privacy”


renvoyé est générée
Développement Web côté serveur avec ASP.NET
Route Attribute

[Route("[controller]/hello/{nom}")]
Modèle de routes
[Route("hello/{nom}")] par attribut
public IActionResult DisBonjour(string nom) {
return Ok("Hello " + nom);
}
Développement Web côté serveur avec ASP.NET
View

public class HomeController : Controller


• Répertoire /Views/
{
public ActionResult Index()
• Recherchera la vue Index dans :
{
• /Views/Home/Index.cshtml
return View();
• /Views/Shared/Index.cshtml
}
• Erreur si non trouvée
}
Développement Web côté serveur avec ASP.NET

-Démonstration-
Appel d’une route
Développement Web côté serveur avec ASP.NET
La liaison des données

[HttpPost("[controller]/info/{nom}")]
public IActionResult TestAction([FromRoute] string nom, [FromQuery] int age)
{
ViewBag.Message = $"Hello {nom} ! Vous avez {age} ans";
if (string.IsNullOrEmpty(nom))
{ Http méthode Liaisons de données Action Results
return NotFound();
} [HttpGet] [FromForm]
if (age < 18) [HttpPost] [FromBody]
{
[HttpPut] [FromRoute]
return NoContent();
} [HttpDelete] [FromQuery]
return View(); [HttpHead] [FromHeader]
}
[HttpPatch]
Développement Web côté serveur avec ASP.NET

-Démonstration-
La liaison des données
Développement Web côté serveur avec ASP.NET
Conclusion

• Vous comprenez le fonctionnement du framework MVC ASP.NET


• Vous savez utiliser les routes
• Vous savez créer et enrichir un contrôleur
• Vous savez créer et utiliser une Action

Vous aimerez peut-être aussi