Dans une application ASP.NET MVC, il n'y a rien comme une page et elle n'inclut pas non plus tout ce qui correspond directement à une page lorsque vous spécifiez un chemin dans l'URL. La chose la plus proche d'une page dans une application ASP.NET MVC est connue comme une vue.

Dans l'application ASP.NET MVC, toutes les demandes de navigateur entrantes sont gérées par le contrôleur et ces demandes sont mappées aux actions du contrôleur. Une action du contrôleur peut renvoyer une vue ou effectuer un autre type d'action, tel que la redirection vers une autre action du contrôleur.
on commence par d'un exemple simple de Vue en créant un nouveau projet ASP.NET MVC.

Étape 1 - Définissez le nom à HomeController et cliquez sur le bouton «Ajouter».

Vous verrez un nouveau fichier C # 'HomeController.cs' dans le dossier Controllers qui est également ouvert pour la modification dans Visual Studio.

Mettons à jour le fichier HomeController.cs, qui contient deux méthodes d'action comme indiqué dans le code suivant.

using System;
using System.Collections.Generic;
using System.Linq;

using System.Web;
using System.Web.Mvc;

namespace MVCViewDemo.Controllers {
   public class HomeController : Controller{
      // GET: Home
      public ActionResult Index(){
         return View();
      }
  
      public string Mycontroller(){
         return "Hi, I am a controller";
      }
   }
}

Étape 2 - Exécutez cette application et ajoutez / Home / MyController à l'URL dans le navigateur et appuyez sur Entrée. Vous recevrez la sortie suivante.

Comme l'action MyController renvoie simplement la chaîne, pour retourner une vue de l'action, nous devons d'abord ajouter une vue.


Étape 3 - Avant d'ajouter une vue, ajoutons une autre action qui retournera une vue par défaut.

using System;
using System.Collections.Generic;
using System.Linq;

using System.Web;
using System.Web.Mvc;

namespace MVCViewDemo.Controllers {
   public class HomeController : Controller{
      // GET: Home
      public ActionResult Index(){
         return View();
      }
  
      public string Mycontroller(){
         return "Hi, I am a controller";
      }
  
      public ActionResult MyView(){
         return View();
      }
   }
}

Étape 4 - Exécutez cette application et ajoutez /Home/MyView à l'URL dans le navigateur et appuyez sur Entrée. Vous recevrez la sortie suivante.
Vous pouvez voir ici que nous avons une erreur et cette erreur est en fait assez descriptive, ce qui nous indique qu'elle ne peut pas trouver la vue MyView.

Étape 5 - Pour ajouter une vue, cliquez avec le bouton droit de la souris dans l'action MyView et sélectionnez Ajouter une vue.



Il affichera la boîte de dialogue Ajouter une vue et ajoutera le nom par défaut.

Étape  6 - Ajouter du texte dans cette vue en utilisant le code suivant.

@{
   Layout = null;
}

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content = "width = device-width" />
      <title>MyView</title>
   </head>
 
   <body>
      <div>
         Hi, I am a view
      </div>
   </body>
 
</html>

Étape 7 - Exécutez cette application et ajoutez / Home / MyView à l'URL dans le navigateur. Appuyez sur Entrée et vous recevrez la sortie suivante.