ASP.NET MVC - Vues

Afin d'apprendre ASP.NET MVC, nous allons créer une application Internet.

Partie 5 : Ajouter une vue pour afficher l'application.

Dossier Views

VuesLe dossier stocke des fichiers (fichiers HTML) liés à l'affichage de l'application (interface utilisateur). Selon le langage utilisé, ces fichiers peuvent avoir des extensions telles que html, asp, aspx, cshtml et vbhtml.

Le dossier Views contient un dossier correspondant à chaque contrôleur.

Dans le dossier Views, Visual Web Developer a déjà créé un dossier Account, un dossier Home et un dossier Shared.

Le dossier Account contient des pages pour l'inscription et la connexion au compte utilisateur.

Le dossier Home est utilisé pour stocker les pages de l'application telles que la page d'accueil et la page à propos.

Le dossier Shared est utilisé pour stocker les vues partagées entre les contrôleurs (pages maîtres et pages de disposition).

Views

Types de fichiers ASP.NET

Dans le dossier Views, vous pouvez voir les types de fichiers HTML suivants :

Type de fichier Extension
HTML simple .htm ou .html
ASP classique .asp
ASP.NET classique .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml

Fichier d'index

Le fichier Index.cshtml représente la page d'accueil de l'application. C'est le fichier par défaut (fichier de page d'accueil) de l'application.

Écrivez le contenu suivant dans le fichier :

@{ViewBag.Title = "Home Page";}

<h1>Bienvenue sur example.com</h1>

<p>Placez le contenu de la page d'accueil ici</p>

Fichier About

Le fichier About.cshtml représente la page About de l'application.

Écrivez le contenu suivant dans le fichier :

@{ViewBag.Title = "À propos de nous";}

<h1>À propos de nous</h1>

<p>Placez le contenu « À propos de nous » ici</p>

Exécuter l'application

Sélectionnez Déboguer, puis dans le menu Visual Web Developer, choisissez Démarrer le débogage (ou appuyez sur F5).

Votre application s'affichera comme suit :

MVC Application

Cliquez sur l'onglet « Home » et sur l'onglet « About » pour voir comment cela fonctionne.

Félicitations

Félicitations. Vous avez créé avec succès votre première application MVC.

Remarque :Vous ne pouvez pas cliquer sur l'onglet "Movies" pour le moment. Nous ajouterons du code pour l'onglet "Movies" dans les chapitres suivants de ce tutoriel.


Autres extensions