🥇 ▷ Cómo crear un sitio ASP.NET rápidamente (una guía para principiantes) ✅

ASP.NET es parte de la tecnología .NET que se utiliza para escribir potentes aplicaciones de Internet cliente/servidor. Le permite crear páginas HTML dinámicas. ASP.NET es el resultado de la combinación de la tecnología ASP más antigua (páginas de servidor activas) y .NET Framework.

Contiene muchos controles listos para usar que puede utilizar para crear rápidamente sitios web interactivos. También puede utilizar los servicios proporcionados por otros sitios web.

Anteriormente, la tecnología ASP.NET se dividía en dos áreas: Formularios web y Modelo-Vista-Controlador (MVC). Ahora los desarrolladores de Microsoft han eliminado muchas funciones duplicadas, dejando una única Modelo de programación ASP.NET Core MVC.

El paradigma para crear aplicaciones MVC tiene tres componentes: , y .

Echemos un vistazo más de cerca:

Modelo es un componente de la aplicación que se encarga de interactuar con la fuente de datos (base de datos, sistema de archivos).
Vista – el componente responsable de mostrar la interfaz de usuario.
Controlador es un componente que describe la lógica de la aplicación, en otras palabras, la lógica para procesar solicitudes HTTP a una aplicación web. El controlador interactúa con los objetos del modelo que afectan la vista.

Ciclo de vida de la página ASP.NET

Como parte de este artículo de ASP.Net, veremos la secuencia de etapas del procesamiento de páginas:

A se produce la solicitud de página cuando se solicita una página, el servidor verifica si se solicita la primera vez. Si es así, se crea la página, la respuesta se procesa y se envía al usuario. Si la página no se solicita por primera vez, se verifica el caché. Si la página existe en el caché, la respuesta guardada se envía al usuario.
Iniciando la página, en esta etapa, el Se crean los objetos de solicitud y respuesta.. El objeto Solicitud se utiliza para almacenar información que se envió cuando se solicitó la página. El objeto Respuesta se utiliza para almacenar información que se envía al usuario.
Inicialización de página. Aquí es donde se inicializan todos los controles de la página web.
Carga de página. La página está cargada con todos los valores predeterminados.
Validación. En algunos casos, se puede especificar la validación para determinados formularios. Por ejemplo, se puede solicitar confirmación de que un elemento de la lista contiene un conjunto específico de valores.
Si no se cumple la condición, un se debe mostrar el error al cargar la página.
reprocesamiento de eventos ocurre si la página se carga nuevamente. Esto sucede en respuesta a un evento anterior. Si el usuario hace clic en el botón Enviar de la página, se vuelve a mostrar la misma página. Luego se llama al controlador de eventos repetidos.
La representación de la página se produce antes de que se envíe la respuesta al usuario. Toda la información sobre el formulario se guarda y el resultado se envía al usuario en forma de una página web completa.
Descarga. Una vez enviada la página al usuario, ya no es necesario almacenar los objetos del formulario web en la memoria. Por tanto, el proceso de descarga implica eliminar todos los objetos innecesarios de la memoria.

La estructura interna del proyecto.

Después de la creación, el proyecto inicialmente ya tiene tres páginas predeterminadas: , y .

Cada página consta de tres archivos:

Page.aspx: contiene el marcado HTML de una página específica;
Page.aspx.cs: responsable de la lógica de una página específica;
Page.aspx.designer.cs: el puente entre Page.aspx y Page.aspx.cs.

El código del archivo About.aspx:

<%@ Page Title="About" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" 
CodeBehind="About.aspx.cs" Inherits="TutWebApplication.About" %>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<h2><%: Title %>.</h2>
<h3>Your application description page.</h3>
<p>Use this area to provide additional information.</p>
</asp:Content>

About.aspx contiene solo un fragmento de la página terminada. La parte principal se encuentra en el archivo Site.Master o Site.Mobile.Master.

Para probar y ejecutar el proyecto, presione IIS Express o la tradicional tecla F5.

Después de eso, todos los archivos se compilarán y el sitio se abrirá en el navegador predeterminado (el número de puerto puede diferir).

Cómo crear una página en formularios web ASP.NET

Inicialmente, decida en qué directorio creará las páginas. Todos los archivos ubicados en un directorio se consideran un solo proyecto. Inicie el entorno de desarrollo de su elección.

Selecciona el Archivo-Nuevo-sitio web opción del menú. Un cuadro de diálogo aparecerá. Asigne un nombre de proyecto en él y seleccione el lenguaje de programación C#.

De forma predeterminada, el proyecto se crea en el sistema de archivos. Opcionalmente, puedes crearlo en un servidor HTTP o FTP. También siempre puedes copiar un proyecto desde el sistema de archivos al servidor haciendo clic simplemente en el botón “Explorador de la solución”.

Para crear otras páginas, haga clic derecho en el nombre del proyecto y seleccione Agregar -> Formulario web en el menú contextual (puede tomar un nombre diferente para el formulario web, en este caso un nuevo formulario llamado “Noticias”):

Se creará una página con el siguiente código:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="News.aspx.cs" Inherits="WebFormsApp1.News" %>
<!DOCTYPE html>
<html xmlns="https://www.w3.org/1999/xhtml">
	<head runat="server">
		<title>News</title> // Add the title of the page
	</head>
	<body>
		<form id="news" runat="server"> 
			<div>
				Some information
			</div>
		</form>
	</body>
</html>

Echemos un vistazo a esta página. <%@ Idioma de la página = "C#"%>. La etiqueta <% siempre está destinada a interpretar el código ASP. La directiva Page siempre está presente en la página aspx.

Su atributo Idioma es una indicación de que los scripts de esta página utilizarán el lenguaje de programación C#. CodeFile es el nombre del archivo de código subyacente. Hereda es una clase definida en este archivo del cual se hereda la clase de página.

Esta página no tiene una etiqueta , por lo que no se mostrará la plantilla del archivo Site.Master. Para cambiar esto, puede copiar el código de About.aspx.

Cómo insertar código HTML en una página

Para pasar una cadena junto con una etiqueta al código HTML, no debe utilizar el tipo de cadena habitual, sino HtmlString:

HtmlString PageContent = new HtmlString("<p>Something!</p>");

Cómo agregar un enlace al menú

El menú se encuentra en Site.Master:

<ul class="nav navbar-nav">
	<li><a runat="server" href="https://www.hongkiat.com/blog/create-aspnet-for-beginners/~/">Home</a></li>
	<li><a runat="server" href="~/About">About</a></li>
	<li><a runat="server" href="~/Contact">Contact</a></li>
	<li><a runat="server" href="~/News">News</a></li>
	// adding link to menu
</ul>

Conclusión

En este artículo, hemos cubierto: crear un sitio ASP.NET, crear una nueva página, agregar un enlace a la página en el menú, etc. Para obtener más información sobre ASP.NET, puede consultar su documentación oficial.