ASP.NET MVC - Vistas
- Página anterior Controlador MVC
- Página siguiente Base de datos MVC
Para aprender ASP.NET MVC, construiremos una aplicación de Internet.
Parte 5:Agregar vistas para mostrar la aplicación.
Carpeta Views
Views La carpeta almacena archivos relacionados con la visualización de la aplicación (interfaz de usuario) (archivos HTML). Dependiendo del idioma, la extensión de estos archivos puede ser html, asp, aspx, cshtml o vbhtml.
La carpeta Views contiene una carpeta para cada controlador.
Visual Web Developer ha creado una carpeta de Account, una carpeta de Home, y una carpeta Shared (dentro de la carpeta Views).
La carpeta Account contiene páginas para registrar y autenticar cuentas de usuarios.
La carpeta Home se utiliza para almacenar páginas de aplicación como la página de inicio y la página "Acerca de".
La carpeta Shared se utiliza para almacenar vistas compartidas entre controladores (páginas de plantilla y páginas de diseño).
Tipos de archivos de ASP.NET
Puede encontrar los siguientes tipos de archivos HTML en la carpeta Views:
| Tipo de archivo | Extensión |
|---|---|
| HTML puro | .htm o .html |
| ASP clásico | .asp |
| ASP.NET clásico | .aspx |
| ASP.NET Razor C# | .cshtml |
| ASP.NET Razor VB | .vbhtml |
Archivo Index
El archivo Index.cshtml representa la página de inicio de la aplicación. Es el archivo predeterminado de la aplicación (archivo de inicio).
Escriba lo siguiente en el archivo:
@{ViewBag.Title = "Página de Inicio";}
<h1>Bienvenido a CodeW3C.com</h1>
<p>Coloque aquí el contenido de la Página de Inicio</p>
Archivo About
El archivo About.cshtml representa la página "Acerca de" de la aplicación.
Escriba lo siguiente en el archivo:
@{ViewBag.Title = "Acerca de Nosotros";}
<h1>Acerca de Nosotros</h1>
<p>Coloque aquí el contenido de "Acerca de Nosotros"</p>
Ejecutar aplicación
Elija depuración, inicie la depuración desde el menú de depuración (o presione F5).
Su aplicación se parecerá a esto:
Haga clic en "Inicio" y "Acerca de", para ver cómo funciona.
¡Felicidades!
¡Felicidades. Ya has creado tu primera aplicación MVC!
Notas:La pestaña "Película" aún no se puede hacer clic. Vamos a agregar el código para la pestaña "Película" en la sección posterior de este tutorial.
- Página anterior Controlador MVC
- Página siguiente Base de datos MVC
