SlideShare une entreprise Scribd logo
1  sur  5
- James RAVAILLE
Eléments du modèle MVC
avec ASP .NET MVC Core
Spécialiste de la formation et de l’ingénierie avec la plateforme Microsoft .NET
- James RAVAILLE
PRÉSENTATION
Le modèle de développement MVC est composé de trois éléments :
Contrôleur
Vue
Modèle
Implémente les traitements et définit les
données métiers de l’application, ainsi
que les contraintes de données
Afficher les données aux
utilisateurs et permet à
l’application d’interagir avec eux
Traite les requêtes HTTP en exécutant des
actions (méthodes)
- James RAVAILLE
LE MODÈLE
Ensemble de classes (langages .NET - C# )
• Implémentées par le développeur
• Générées, par exemple avec le Framework Entity
- James RAVAILLE
LES CONTRÔLEURS
Les contrôleurs contiennent des méthodes, appelées des actions, qui
sont exécutées après le routage d’une requête HTTP
• Le routage est une opération qui consiste à déterminer à partir d’une URL, une
action d’un contrôleur (en tenant compte du nombre variable de paramètres)
public class CompteController : Controller
{
public IActionResult Detail(int? id)
{
Compte oCompte = null;
if (!id.HasValue)
{
return this.BadRequest();
}
oCompte = Compte.GetInstance(id.Value);
if (oCompte == null)
{
return this.NotFound();
}
return View(oCompte);
}
}
Cette action permet d’afficher le détail d’un compte
- James RAVAILLE
LES VUES
Les vues sont exécutées par le moteur de génération de vues, appelé
Razor. Lors de cette exécution, le code Razor qu’elles contiennent est
exécuté afin de générer du code dans la page Web
• Utilisation des HTML Helpers
• Utilisation des TAG Helpers
@model Models.Banques.Compte
@{ ViewData["Title"] = "Detail"; }
<h2>Detail</h2>
<div>
<h4>Compte</h4>
<hr />
<dl class="dl-horizontal">
<dt>@Html.DisplayNameFor(model => model.Libelle)</dt>
<dd>@Html.DisplayFor(model => model.Libelle)</dd>
<dt>@Html.DisplayNameFor(model => model.MontantAutorisationDecouvert)</dt>
<dd>@Html.DisplayFor(model => model.MontantAutorisationDecouvert)</dd>
<dt>@Html.DisplayNameFor(model => model.Solde)</dt>
<dd>@Html.DisplayFor(model => model.Solde)</dd>
</dl>
</div>
<div>
@Html.ActionLink("Edit", "Edit", new { /* id = Model.PrimaryKey */ }) |
<a asp-action="Index">Back to List</a>
</div>
Code Razor (C#)
HTML Helpers
TAG Helpers

Contenu connexe

Similaire à Eléments du modèle ASP .NET MVC Core

M10264 formation-developper-des-applications-web-avec-microsoft-visual-studio...
M10264 formation-developper-des-applications-web-avec-microsoft-visual-studio...M10264 formation-developper-des-applications-web-avec-microsoft-visual-studio...
M10264 formation-developper-des-applications-web-avec-microsoft-visual-studio...
CERTyou Formation
 
Architecture mvc
Architecture mvcArchitecture mvc
Architecture mvc
Madridal
 
Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2
Novencia Groupe
 
Wm854 g formation-cicsplex-system-manager-v4-administration
Wm854 g formation-cicsplex-system-manager-v4-administrationWm854 g formation-cicsplex-system-manager-v4-administration
Wm854 g formation-cicsplex-system-manager-v4-administration
CERTyou Formation
 
Jee014 formation-jee-servlets-et-jsp-les-bases-et-perfectionnement
Jee014 formation-jee-servlets-et-jsp-les-bases-et-perfectionnementJee014 formation-jee-servlets-et-jsp-les-bases-et-perfectionnement
Jee014 formation-jee-servlets-et-jsp-les-bases-et-perfectionnement
CERTyou Formation
 
Introduction à AngularJS
Introduction à AngularJSIntroduction à AngularJS
Introduction à AngularJS
Abdoulaye Dieng
 
Wa815 g formation-websphere-application-server-v8-5-5-optimisation-des-perfor...
Wa815 g formation-websphere-application-server-v8-5-5-optimisation-des-perfor...Wa815 g formation-websphere-application-server-v8-5-5-optimisation-des-perfor...
Wa815 g formation-websphere-application-server-v8-5-5-optimisation-des-perfor...
CERTyou Formation
 
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter
Atsé François-Xavier KOBON
 
M10964 formation-datacenter-monitoring-avec-microsoft-system-center-operation...
M10964 formation-datacenter-monitoring-avec-microsoft-system-center-operation...M10964 formation-datacenter-monitoring-avec-microsoft-system-center-operation...
M10964 formation-datacenter-monitoring-avec-microsoft-system-center-operation...
CERTyou Formation
 
M10557 formation-introduction-au-developpement-web-avec-visual-studio-2010
M10557 formation-introduction-au-developpement-web-avec-visual-studio-2010M10557 formation-introduction-au-developpement-web-avec-visual-studio-2010
M10557 formation-introduction-au-developpement-web-avec-visual-studio-2010
CERTyou Formation
 
Déploiement d’applications
Déploiement d’applicationsDéploiement d’applications
Déploiement d’applications
Mohammed Jaafar
 

Similaire à Eléments du modèle ASP .NET MVC Core (20)

Spring MVC
Spring MVCSpring MVC
Spring MVC
 
XebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic Ladeu
XebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic LadeuXebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic Ladeu
XebiCon'17 : Entrevue avec Vue.js - Thomas Champion et Ludovic Ladeu
 
M10264 formation-developper-des-applications-web-avec-microsoft-visual-studio...
M10264 formation-developper-des-applications-web-avec-microsoft-visual-studio...M10264 formation-developper-des-applications-web-avec-microsoft-visual-studio...
M10264 formation-developper-des-applications-web-avec-microsoft-visual-studio...
 
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
Architecture, bonnes pratiques et recettes pour la réussite de vos projets av...
 
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)
Café Numérique Arlon S03#02: Je code mon blog (EU code week Arlon)
 
Architecture mvc
Architecture mvcArchitecture mvc
Architecture mvc
 
Des principes de la démarche DevOps à sa mise en oeuvre
Des principes de la démarche DevOps à sa mise en oeuvreDes principes de la démarche DevOps à sa mise en oeuvre
Des principes de la démarche DevOps à sa mise en oeuvre
 
Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2Créer une application web en asp.net mvc 2
Créer une application web en asp.net mvc 2
 
Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"
 
Wm854 g formation-cicsplex-system-manager-v4-administration
Wm854 g formation-cicsplex-system-manager-v4-administrationWm854 g formation-cicsplex-system-manager-v4-administration
Wm854 g formation-cicsplex-system-manager-v4-administration
 
Wpf et Silverlight
Wpf et SilverlightWpf et Silverlight
Wpf et Silverlight
 
Support cours angular
Support cours angularSupport cours angular
Support cours angular
 
Jee014 formation-jee-servlets-et-jsp-les-bases-et-perfectionnement
Jee014 formation-jee-servlets-et-jsp-les-bases-et-perfectionnementJee014 formation-jee-servlets-et-jsp-les-bases-et-perfectionnement
Jee014 formation-jee-servlets-et-jsp-les-bases-et-perfectionnement
 
Introduction à AngularJS
Introduction à AngularJSIntroduction à AngularJS
Introduction à AngularJS
 
Wa815 g formation-websphere-application-server-v8-5-5-optimisation-des-perfor...
Wa815 g formation-websphere-application-server-v8-5-5-optimisation-des-perfor...Wa815 g formation-websphere-application-server-v8-5-5-optimisation-des-perfor...
Wa815 g formation-websphere-application-server-v8-5-5-optimisation-des-perfor...
 
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter
#J2Code2018 - Mettez du feu à vos applications avec CodeIgniter
 
M10964 formation-datacenter-monitoring-avec-microsoft-system-center-operation...
M10964 formation-datacenter-monitoring-avec-microsoft-system-center-operation...M10964 formation-datacenter-monitoring-avec-microsoft-system-center-operation...
M10964 formation-datacenter-monitoring-avec-microsoft-system-center-operation...
 
M10557 formation-introduction-au-developpement-web-avec-visual-studio-2010
M10557 formation-introduction-au-developpement-web-avec-visual-studio-2010M10557 formation-introduction-au-developpement-web-avec-visual-studio-2010
M10557 formation-introduction-au-developpement-web-avec-visual-studio-2010
 
alphorm.com - Formation Développez des applications Web avec ASP.NET MVC 4(70...
alphorm.com - Formation Développez des applications Web avec ASP.NET MVC 4(70...alphorm.com - Formation Développez des applications Web avec ASP.NET MVC 4(70...
alphorm.com - Formation Développez des applications Web avec ASP.NET MVC 4(70...
 
Déploiement d’applications
Déploiement d’applicationsDéploiement d’applications
Déploiement d’applications
 

Dernier

Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
ikospam0
 

Dernier (16)

Télécommunication et transport .pdfcours
Télécommunication et transport .pdfcoursTélécommunication et transport .pdfcours
Télécommunication et transport .pdfcours
 
Cours Généralités sur les systèmes informatiques
Cours Généralités sur les systèmes informatiquesCours Généralités sur les systèmes informatiques
Cours Généralités sur les systèmes informatiques
 
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
 
Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024
 
Neuvaine de la Pentecôte avec des textes de saint Jean Eudes
Neuvaine de la Pentecôte avec des textes de saint Jean EudesNeuvaine de la Pentecôte avec des textes de saint Jean Eudes
Neuvaine de la Pentecôte avec des textes de saint Jean Eudes
 
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxIntégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANKRAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
 
L'expression du but : fiche et exercices niveau C1 FLE
L'expression du but : fiche et exercices  niveau C1 FLEL'expression du but : fiche et exercices  niveau C1 FLE
L'expression du but : fiche et exercices niveau C1 FLE
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
python-Cours Officiel POO Python-m103.pdf
python-Cours Officiel POO Python-m103.pdfpython-Cours Officiel POO Python-m103.pdf
python-Cours Officiel POO Python-m103.pdf
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
les_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhkles_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhk
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
 

Eléments du modèle ASP .NET MVC Core

  • 1. - James RAVAILLE Eléments du modèle MVC avec ASP .NET MVC Core Spécialiste de la formation et de l’ingénierie avec la plateforme Microsoft .NET
  • 2. - James RAVAILLE PRÉSENTATION Le modèle de développement MVC est composé de trois éléments : Contrôleur Vue Modèle Implémente les traitements et définit les données métiers de l’application, ainsi que les contraintes de données Afficher les données aux utilisateurs et permet à l’application d’interagir avec eux Traite les requêtes HTTP en exécutant des actions (méthodes)
  • 3. - James RAVAILLE LE MODÈLE Ensemble de classes (langages .NET - C# ) • Implémentées par le développeur • Générées, par exemple avec le Framework Entity
  • 4. - James RAVAILLE LES CONTRÔLEURS Les contrôleurs contiennent des méthodes, appelées des actions, qui sont exécutées après le routage d’une requête HTTP • Le routage est une opération qui consiste à déterminer à partir d’une URL, une action d’un contrôleur (en tenant compte du nombre variable de paramètres) public class CompteController : Controller { public IActionResult Detail(int? id) { Compte oCompte = null; if (!id.HasValue) { return this.BadRequest(); } oCompte = Compte.GetInstance(id.Value); if (oCompte == null) { return this.NotFound(); } return View(oCompte); } } Cette action permet d’afficher le détail d’un compte
  • 5. - James RAVAILLE LES VUES Les vues sont exécutées par le moteur de génération de vues, appelé Razor. Lors de cette exécution, le code Razor qu’elles contiennent est exécuté afin de générer du code dans la page Web • Utilisation des HTML Helpers • Utilisation des TAG Helpers @model Models.Banques.Compte @{ ViewData["Title"] = "Detail"; } <h2>Detail</h2> <div> <h4>Compte</h4> <hr /> <dl class="dl-horizontal"> <dt>@Html.DisplayNameFor(model => model.Libelle)</dt> <dd>@Html.DisplayFor(model => model.Libelle)</dd> <dt>@Html.DisplayNameFor(model => model.MontantAutorisationDecouvert)</dt> <dd>@Html.DisplayFor(model => model.MontantAutorisationDecouvert)</dd> <dt>@Html.DisplayNameFor(model => model.Solde)</dt> <dd>@Html.DisplayFor(model => model.Solde)</dd> </dl> </div> <div> @Html.ActionLink("Edit", "Edit", new { /* id = Model.PrimaryKey */ }) | <a asp-action="Index">Back to List</a> </div> Code Razor (C#) HTML Helpers TAG Helpers