SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

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

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 LadeuPublicis Sapient Engineering
 
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, 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...Microsoft Technet France
 
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)Café Numérique Arlon
 
Architecture mvc
Architecture mvcArchitecture mvc
Architecture mvcMadridal
 
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 oeuvreStephane Manciot
 
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 2Novencia Groupe
 
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"Nazih Heni
 
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-administrationCERTyou Formation
 
Wpf et Silverlight
Wpf et SilverlightWpf et Silverlight
Wpf et SilverlightSimon Robic
 
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-perfectionnementCERTyou Formation
 
Introduction à AngularJS
Introduction à AngularJSIntroduction à AngularJS
Introduction à AngularJSAbdoulaye 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 CodeIgniterAtsé 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-2010CERTyou Formation
 
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...Alphorm
 
Déploiement d’applications
Déploiement d’applicationsDéploiement d’applications
Déploiement d’applicationsMohammed Jaafar
 

Semelhante a 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
 

Último

La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film françaisTxaruka
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfabatanebureau
 
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...Nguyen Thanh Tu Collection
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film françaisTxaruka
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprisesMajdaKtiri2
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaireTxaruka
 
Computer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxComputer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxRayane619450
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfachrafbrahimi1
 
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...Faga1939
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.Txaruka
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfssuserc72852
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne FontaineTxaruka
 

Último (13)

La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.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...
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprises
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
Computer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxComputer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptx
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 
Evaluación Alumnos de Ecole Victor Hugo
Evaluación Alumnos de Ecole  Victor HugoEvaluación Alumnos de Ecole  Victor Hugo
Evaluación Alumnos de Ecole Victor Hugo
 
Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne Fontaine
 

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