Para aprender ASP.NET MVC, estamos construyendo una aplicación de Internet.
Parte V: Adición de puntos de vista para mostrar la aplicación.
La carpeta Vistas
Las vistas de carpeta almacena los archivos (HTML files) relacionados con la visualización de la aplicación (the user interfaces) . Estos archivos pueden tener la extensión html, asp, aspx, cshtml y vbhtml, dependiendo del contenido del lenguaje.
La carpeta Vistas contiene una carpeta para cada controlador.
Visual Web Developer ha creado una carpeta de la cuenta, una carpeta de inicio, y una carpeta compartida (inside the Views folder) .
La carpeta contiene páginas cuenta para el registro e inicio de sesión a cuentas de usuario.
Las páginas de aplicación carpeta almacena Inicio como la página de índice (home page) y la página Acerca de.
La carpeta compartida se utiliza para almacenar puntos de vista compartidos entre los controladores (master pages and layout pages) .
Tipos de archivo de ASP.NET
Los siguientes tipos de archivos HTML se pueden encontrar en la carpeta Vistas:
| Tipo de archivo | extensión |
|---|---|
| la versión HTML | .htm o .html |
| ASP clásico | .áspid |
| ASP.NET clásico | .aspx |
| ASP.NET Razor C # | .cshtml |
| ASP.NET Razor VB | .vbhtml |
El archivo de índice
El archivo Index.cshtml representa la página de inicio de la aplicación. Es de archivo por defecto de la aplicación (index file) .
Ponga el siguiente contenido en el archivo:
@{ViewBag.Title = "Home Page";}
<h1>Welcome to
w3ii</h1>
<p>Put Home Page content here</p>
El Archivo Sobre
El archivo About.cshtml representan la página Acerca de la aplicación.
Ponga el siguiente contenido en el archivo:
@{ViewBag.Title = "About Us";}
<h1>About Us</h1>
<p>Put About Us content here</p>
Ejecutar la aplicación del
Seleccione Depurar, en Iniciar depuración (or F5) en el menú de Visual Web Developer.
Su aplicación se verá así:
Haga clic en el "Home" ficha y el "About" pestaña para ver cómo funciona.
Felicitaciones
Felicitaciones. Ha creado su primera aplicación MVC.
Nota: No se puede hacer clic en el "Movies" pestaña todavía. Vamos a añadir código para el "Movies" pestaña en los próximos capítulos de este tutorial.