Clase 1: Introducción a Asp.Net

En esta clase estudiaremos los principales componentes del .NET FRAMEWORK y posteriormente veremos algunos de los tipos de datos que nos provee este framework.

Luego de hacer este pequeño ejercicio crearemos  nuestro primer proyecto web en donde aprenderemos como capturar los datos ingresados en por un usuario en un formulario y cómo hacer para que esta información sea llevada a otra página web.

Framework

El .NET Framework, en general, es un marco de desarrollo que permite el desarrollo y ejecución de diversas aplicaciones hechas en los diversos lenguajes que soportan el .NET Framework.

Está constituido por 2 cosas principalmente:

  1. Common Language Runtime (CLR): es el que se encarga de la ejecución de las aplicaciones, asi como de ofrecer un entorno de ejecución seguro para ellas.
  2. Class Base Libraries (CBL): Es un rico conjunto de clases, interfaces, tipos que simplifican y optimizan el desarrollo de aplicaciones .NET además de proporcionar acceso a la funcionalidad del sistema. Como desarrolladores el dominio de este conjunto de clases es vital para un buen desarrollo en .NET.

.Net Framework

ASP.NET es la parte del .NET Framework dedicada al desarrollo web. A través del servidor web (IIS) nuestras aplicaciones ASP.NET se ejecutarán bajo el CLR y podremos usar el conjunto de clases del .NET Framework para desarrollarlas, obteniendo así una versatilidad y una potencia nunca antes conseguida en las aplicaciones ASP.

Tipos de Datos.

Estos son algunos de los tipos de datos que que el .Net Framework nos provee.

Tipos de datos

Aplicacion.

La interfaz de la aplicacion que realizaremos es la siguiente.

Como pueden ver en la imagen vamos a manejar cinco datos del usuario (Nombre, Apellidos, Edad, Telefono y Sexo), los cuales validaremos con un control llamado requiredfieldvalidator y luego enviaremos esta informacion a otra pagina llamada Resultado.aspx en donde la mostraremos los datos ingresados por el usuario.

Codigo del FormRegistro.aspx

El siguiente codigo representa la primera fila del formulario mostrado anteriormente.

Codigo para el campo del nombre

Codigo del FormRegistro.aspx.cs

Codigo del envento del boton Click.

protected void btnAceptar_Click(object sender, EventArgs e)
{
 //Pasando el formulario diligenciado a la pagina resulatado.aspx
this.Server.Transfer(“resultado.aspx”);
}

Codigo del Resultado.aspx.cs

Para poder utiliza el tipo de dato StringBuilder  deben agregar la directiva using System.Text; en el encabezado de Resultado.aspx.cs, de lo contrario les maracara error.

protected void Page_Load(object sender, EventArgs e)
{
lblMensaje.Text = “<h1>Bienvenido “;
//obtenemos el valor del campo txtNombre
lblMensaje.Text += this.Request.Form["txtNombre"] + ” “;
lblMensaje.Text += this.Request.Form["txtApellidos"] + “<h1>”;

StringBuilder tabla = new StringBuilder();

  //Con este codigo se esta creando la tabla mencionanda anteriormente
tabla.Append(“<table border = ’1′>”);
tabla.Append(“<tr align=’center’>”);
tabla.Append(“<td>” + “Nombre Completo” + “</td>”);
tabla.Append(“<td>” + “Telefono” + “</td>”);
tabla.Append(“<td>” + “Edad” + “</td>”);
tabla.Append(“<td>” + “Sexo” + “</td>”);
tabla.Append(“</tr>”);
tabla.Append(“<tr>”);
tabla.Append(“<td>” + this.Request.Form["txtNombre"] + ” “ + this.Request.Form["txtApellidos"] + “</td>”);
tabla.Append(“<td>” + this.Request.Form["txtTelefono"] + “</td>”);
tabla.Append(“<td>” + this.Request.Form["txtEdad"] + “</td>”);
tabla.Append(“<td>” + this.Request.Form["rblSexo"] + “</td>”);
tabla.Append(“</tr>”);
tabla.Append(“</table>”);

//Pintando la tabla en la pagina Resultado.aspx
lblTabla.Text = tabla.ToString();
}

Material de Apoyo.

Manual – Como crear una pagina web con Visual Studio
Codigo Fuente de la aplicacion.

Advertisement
  1. Aún no hay comentarios.
  1. Aún no hay trackbacks

Deja un comentario

Fill in your details below or click an icon to log in:

Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s

Seguir

Get every new post delivered to your Inbox.