vista ASP.NET MVC
Con el fin de aprender ASP.NET MVC, vamos a construir una aplicación de Internet.
Parte 5: Adición de una vista para aplicaciones de visualización.
carpeta vistas
Vistas almacén de carpetas se muestra con la aplicación (interfaz de usuario) los archivos relacionados (archivos HTML). Dependiendo del idioma usado en el contenido de estos documentos pueden ser extensiones pueden ser html, asp, aspx, cshtml y vbhtml.
Vistas carpeta contiene una carpeta de archivos correspondiente a cada controlador.
En la carpeta Vistas, Visual Web Developer ha creado una carpeta de la cuenta, una carpeta de inicio, una carpeta compartida.
carpeta de la cuenta contiene páginas para la cuenta de usuario de inicio de sesión y registro.
carpeta de inicio se utiliza para almacenar las páginas de aplicación, tales como páginas de inicio y las páginas acerca de la clase.
Las carpetas compartidas para el intercambio de opiniones entre el controlador de memoria (páginas maestras y las páginas de diseño).
tipos de archivos de ASP.NET
En la carpeta Vistas, se puede ver los siguientes tipos de archivos HTML:
文件类型 | 扩展名 |
---|---|
纯 HTML | .htm or .html |
经典 ASP | .asp |
经典 ASP.NET | .aspx |
ASP.NET Razor C# | .cshtml |
ASP.NET Razor VB | .vbhtml |
archivo de índice
Index.cshtml archivo representa la aplicación de la Página principal. Es el archivo predeterminado (archivo de página) de la aplicación.
Escribe lo siguiente en el archivo:
<h1>Welcome to W3CSchool.cc</h1>
<p>Put Home Page content here</p>
Acerca del archivo
Sobre documento de página representa la aplicación About.cshtml.
Escribe lo siguiente en el archivo:
<h1>About Us</h1>
<p>Put About Us content here</p>
Ejecutar la aplicación
Seleccione Depurar, el menú de Visual Web Developer, iniciar depuración Iniciar depuración (o presione F5).
Su aplicación mostrará lo siguiente:
Haga clic en la pestaña "Inicio" y la pestaña "Acerca de" para ver cómo funciona.
felicitaciones
Felicitaciones. Ha creado su primera aplicación MVC.
Nota: aún no puede hacer clic en la pestaña "Películas". Vamos a añadir el código en una sección posterior de este tutorial para la ficha "Películas".