Pour en savoir ASP.NET MVC, nous construisons une application Internet.
Partie V: Ajout de vues pour l'affichage de l'application.
Le dossier Vues
Vues dossier stocke les fichiers (HTML files) liés à l'affichage de l'application (the user interfaces) . Ces fichiers peuvent avoir extensions html, asp, ASPX, cshtml et vbhtml, en fonction du contenu de la langue.
Le dossier contient un dossier Vues pour chaque contrôleur.
Visual Web Developer a créé un dossier de compte, un dossier d'accueil, et un dossier partagé (inside the Views folder) .
Le dossier de compte contient des pages pour l'enregistrement et la connexion aux comptes d'utilisateurs.
L'application dossier Accueil stocke les pages comme la page d'index (home page) et la page à propos.
Le dossier partagé est utilisé pour stocker des vues partagées entre les contrôleurs (master pages and layout pages) les (master pages and layout pages) en (master pages and layout pages) .
ASP.NET Types de fichiers
On peut trouver les types de fichiers HTML suivants dans le dossier Vues:
| Type de fichier | extention |
|---|---|
| plaine HTML | .htm ou .html |
| ASP classique | .aspic |
| classique ASP.NET | .aspx |
| ASP.NET Razor C # | .cshtml |
| ASP.NET Razor VB | .vbhtml |
Le fichier d'index
Le fichier Index.cshtml représente la page d'accueil de l'application. Il est le fichier par défaut de l'application (index file) .
Mettez le contenu suivant dans le fichier:
@{ViewBag.Title = "Home Page";}
<h1>Welcome to
w3ii</h1>
<p>Put Home Page content here</p>
Le fichier A propos
Le fichier About.cshtml représente la page A propos de l'application.
Mettez le contenu suivant dans le fichier:
@{ViewBag.Title = "About Us";}
<h1>About Us</h1>
<p>Put About Us content here</p>
Lancez l'application
Sélectionnez débogage, Démarrer le débogage (or F5) dans le menu Visual Web Developer.
Votre application ressemblera à ceci:
Cliquez sur le "Home" onglet et "About" A "About" de "About" onglet pour voir comment cela fonctionne.
Toutes nos félicitations
Toutes nos félicitations. Vous avez créé votre première application MVC.
Remarque: Vous ne pouvez cliquer sur le "Movies" onglet encore. Nous allons ajouter du code pour la "Movies" onglet dans les prochains chapitres de ce tutoriel.