Exploración del proyecto de aplicación de Visual Studio

  • 5 minutos

Ha creado correctamente la aplicación web y la ha publicado en Azure. ¿Pero qué ocurre cuando quiere realizar cambios? Visual Studio recuerda dónde se ha publicado la aplicación, de modo que actualizarla o modificarla es un proceso sencillo.

Exploración de la estructura del proyecto

Ha creado una aplicación web de ASP.NET Core en Visual Studio y ahora tendrá que editar y personalizar el sitio web. Se examinará la estructura del proyecto para ver lo que Visual Studio ha creado.

Dependencias

La carpeta Dependencias incluye los aspectos internos de ASP.NET Core para que la aplicación funcione. A menos que vaya a agregar paquetes de terceros específicos, no tendrá que pasar mucho tiempo en esta carpeta.

Propiedades

La carpeta Propiedades contiene datos de configuración de donde se va a hospedar la aplicación web. Si expande ahora la carpeta PublishProfiles, verá la dirección URL del sitio de Alpine Ski Hill. Cada perfil de publicación es un archivo .xml que contiene información de configuración de publicación, como la dirección de Azure que usa Visual Studio para cargar los archivos.

wwwroot

El archivo wwwroot contiene todos los recursos estáticos del sitio, como css, js, imágenes y archivos lib. Cuando esté listo para cambiar el estilo y agregar más funcionalidad a su sitio, trabajará aquí.

Páginas

En la carpeta Pages se incluyen plantillas de Razor para las páginas del sitio. Razor es una sintaxis de marcado para insertar código de servidor en páginas web de ASP.NET. Incluye HTML y tiene convenciones especiales para mostrar datos y ejecutar lógica en el sitio.

Cada página del sitio se representa con dos archivos de código:

  • Un archivo .cshtml, que es el archivo de marcado de Razor. Este archivo contiene el código HTML de visualización y algo de lógica de C#.

  • Un archivo .cs, que es el código subyacente de C# que hereda de la clase PageModel. Este archivo permite interceptar solicitudes HTTP y realizar cierto procesamiento en ellas antes de pasar los datos al archivo de Razor.

appsetting.json

Es un archivo de configuración de ASP.NET Core.

Program.cs

El archivo Program.cs configura e inicia el host web del sitio.

Introducción a las plantillas de Razor

Queremos hacer algunos cambios básicos en nuestro sitio web. Deberá tener un conocimiento básico de cómo sacar provecho de las plantillas de Razor para personalizar la aplicación web.

¿Qué es Razor?

Razor es una sintaxis ASP.NET que se usa para crear páginas web dinámicas con C#. Cuando un servidor lee una página de Razor, el código de C# se ejecuta antes de representar el HTML. Esto le permite generar contenido dinámico rápidamente.

Razor usa directivas @ para indicar a ASP.NET cómo procesar una página.

Por ejemplo, eche un vistazo al código de la página Privacy.cshtml:

@page
@model PrivacyModel
@{
    ViewData["Title"] = "Privacy Policy";
}
<h1>@ViewData["Title"]</h1>

<p>Use this page to detail your site's privacy policy.</p>
  • Por ejemplo, la directiva @page le dice a ASP.NET que procese este archivo como una página de Razor.
  • La directiva @model le dice a ASP.NET que enlace esta página de Razor con una clase de C# llamada PrivacyModel.

Razor usa también el símbolo @ para realizar la transición entre el código y HTML. Si examina el fragmento de código anterior, observará @{ ... }. Se trata de un bloque de código de Razor, que se ejecuta pero no se representa.

Para representar el resultado de una instrucción de código, se usa @ delante de una expresión de C#. Hay un ejemplo en el bloque de código anterior, en la etiqueta <h1>.

La creación y publicación de un sitio web son solo los primeros pasos para crear un buen sitio web. Una vez que empiece a agregar contenido, deberá actualizar el sitio. Una vez que haya publicado el sitio en Azure, podrá actualizarlo en cualquier momento.