Esta sección presenta
Vista ASP.NET MVC, la carpeta Ver contiene una carpeta correspondiente a cada controlador, y cada método de operación tiene un archivo de vista correspondiente con el mismo nombre. Esto proporciona la base para la asociación de opiniones y métodos de acción.Para aprender ASP.NET MVC, crearemos una aplicación de Internet.
Parte 5: Agregar la vista utilizada para mostrar la aplicación.
La carpeta Vistas almacena archivos (archivos HTML) relacionados con la visualización de la aplicación (interfaz de usuario). Dependiendo del contenido del idioma, estos archivos pueden tener extensiones html, asp, aspx, cshtml y vbhtml.
La carpeta Vistas contiene una carpeta para cada controlador.
En la carpeta Vistas, Visual Web Developer ha creado una carpeta de Cuenta, una carpeta de Inicio y una carpeta Compartida.
La carpeta Cuenta contiene páginas para el registro e inicio de sesión de cuentas de usuario.
La carpeta de inicio se utiliza para almacenar páginas de aplicaciones, como la página de inicio y la página de información.
La carpeta compartida se utiliza para almacenar vistas (páginas maestras y páginas de diseño) compartidas entre controladores.
Los siguientes tipos de archivos HTML se pueden ver en la carpeta Vistas:
tipo de archivo | extensión |
---|---|
HTML puro | .htm o .html |
ASP clásico | .áspid |
ASP.NET clásico | .aspx |
ASP.NET maquinilla de afeitar C# | .cshtml |
ASP.NET Razor VB | .vbhtml |
El archivo Index.cshtml representa la página de inicio de la aplicación. Es el archivo predeterminado de la aplicación (archivo de página de inicio).
Escriba el siguiente contenido en el archivo:
@{ViewBag.Title = "Página de inicio";} <h1>Bienvenido a w3cschool.cn</h1> <p>Coloque el contenido de la página de inicio aquí</p>
El archivo About.cshtml representa la página Acerca de de la aplicación.
Escriba el siguiente contenido en el archivo:
@{ViewBag.Title = "Acerca de nosotros";} <h1>Acerca de nosotros</h1> <p>Ponga contenido sobre nosotros aquí</p>
Seleccione Depurar e inicie la depuración desde el menú de Visual Web Developer Iniciar depuración (o presione F5).
Su solicitud aparecerá de la siguiente manera:
Haga clic en la pestaña "Inicio" y en la pestaña "Acerca de" para ver cómo funciona.
Felicidades. Ha creado su primera aplicación MVC.
Nota: Todavía no puedes hacer clic en la pestaña "Películas". Agregaremos código para la pestaña "Películas" más adelante en este tutorial.