INSTITUTO TECNOLGICO DE NUEVO LEN

PROGRAMACIN WEB
PROGRAMANDO CON ASP.NET

FUNDAMENTOS ASP.NET
ASP.NET (Active Server Pages.NET) es la forma en que Microsoft facilita
la creacin de sitios Web superando paginas HTML normales, es orientada
a la creacin de aplicaciones de 3 capas.
stas aplicaciones se ejecutan sobre un servidor (IIS) y se comunican con la
capa cliente utilizando el protocolo HTTP.
CAPA INTERMEDIA

IIS
APLICACIN

ASP.NET

HTTP

BD

CARACTERISTICAS DE ASP.NET
Utilizacin de lenguajes orientados a objetos: se pueden utilizar
cualquiera de los lenguajes orientados a objetos soportados por .NET, entre
ellos C#
Integracin en Visual Studio.Net: La creacin de aplicaciones ASP.NET,
utilizando este entorno, proporciona la posibilidad de utilizar las tcnicas y
herramientas para la depuracin de aplicaciones y creacin de interfaces
graficas arrastrando y soltando.
Programacin basada en eventos: ya que se basa en eventos, facilita la
escritura de cdigo permitiendo la estructuracin de las aplicaciones.
Separacin de cdigo y presentacin: en las aplicaciones, el cdigo y la
presentacin se encuentran en archivos independientes.
La informacin grafica (formularios Web y controles) se guardan en
archivos .aspx.
El cdigo de respuesta a los eventos se almacena en archivos:
Aspx.cs (para C#) aspx.vb para Visual Basic.

COMPONENTES DE UNA APLICACIN ASP.NET

La plataforma .NET adems de proporcionar las caractersticas
anteriores, tambin provee de elementos y componentes que ofrecen
potencia y facilidad al desarrollar las aplicaciones, los cuales son:
Formularios Web:
Representan las paginas Web de la aplicacin a travs de las cuales se
producir la interaccin con el usuario
Controles Web y controles HTML
Son elementos grficos que permiten realizar el diseo de la interfaz de
usuario.
Objetos ASP
Permiten resolver los diferentes aspectos de la problemtica que se
presenta en la programacin de aplicaciones Web, como el
mantenimiento del estado, acceso a los datos cliente, etc.

CREANDO PAGINAS ASP.NET

Mi primera aplicacin ASP.NET

CREACIN DE UN PROYECTO ASP.NET CON VISUAL STUDIO

1.- Abrimos Visual Studio .NET y creamos un nuevo proyecto web.

CREACIN DE UN PROYECTO ASP.NET CON VISUAL STUDIO

2.- Seleccionamos el tipo de proyecto que deseamos realizar.

a.- Seleccionamos ASP.NET Web Site,

b.- Indicamos la ruta donde vamos a guardar el
proyecto: c:\MaestrosDelWeb\GuiaASPNET
c.- Determinamos el lenguaje que vamos a utilizar. Visual C#.
Por ltimo presionamos el botn OK para crear la solucin.

CREACIN DE UN PROYECTO ASP.NET CON VISUAL STUDIO

3.- Una vez creada la solucin el IDE genera el primer template.

CREACIN DE UN PROYECTO ASP.NET CON VISUAL STUDIO

En la pantalla de edicin de cdigo copiamos y pegamos el cdigo
anterior y ya tenemos nuestra primera pgina web dentro del entorno
de desarrollo integrado.

CREACIN DE UN PROYECTO ASP.NET CON VISUAL STUDIO

Para ejecutar la aplicacin dentro del entorno de desarrollo
presionamos la tecla F5 y nos pregunta si deseamos habilitar el modo
de debug. Presionamos OK.

A continuacin se abre nuestro Browser predeterminado ejecutando la

aplicacin en modo debug. Al trabajar con un entorno de desarrollo no
es necesario crear un espacio virtual en el IIS ya que la misma
aplicacin se encarga de preparar el ambiente.

PAGINAS ASPX

Cada pagina ASPX esta compuesta de 2 partes:

El Formulario web. Es un archivo de texto son extensin .ASPX que
contiene la interfaz grafica de la aplicacin. Aparentemente, es similar a
una pagina HTML aunque adems de etiquetas y controles HTML puede
contener controles web. Como sucede en las pginas ASP tradicionales,
un formulario web tambin puede obtener cdigo de servidor.

En la aplicacin siguiente se va aadir por defecto una pagina aspx, llamada

Default.aspx ; Visual Studio.NET ofrece dos vistas de archivo:
.aspx; una de diseo( Design), para facilitar el diseo de la interfaz grafica
mediante la tcnica de arrastrar y soltar, y otra de cdigo (Source), donde se
puede ver el contenido generado en el archivo, que es como HTML.

PAGINAS ASPX
Adems de las etiquetas de HTML que componen la pgina, el archivo
.aspx incluye una instruccin en la primera lnea de cdigo que no es una
etiqueta HTML. Se trata de una directiva y su aspecto es:
Adems de las etiquetas de HTML que componen la pgina, el archivo
.aspx incluye una instruccin en la primera lnea de cdigo que no es una
etiqueta HTML. Se trata de una directiva y su aspecto es:
<%Page Language="C#"...%>
Durante el proceso de ejecucin en el servidor el archivo .aspx es
transformado en una clase.

PAGINAS ASPX
El archivo de cdigo asociado. en este archivo se incluir la parte del
cdigo de la aplicacin asociado ala pagina e aspx que deba ser
ejecutado en el servidor; dependiendo del lenguaje utilizado para la
creacin de la aplicacin, su extensin ser .aspx.cs para C# o .aspx.vb
para Visual Basic.
Aunque el formulario web puede incluir bloque de cdigo de servidor, la
utilizacin del archivo de cdigo asociado permite separar el diseo de la
interfaz grafica de la lgica de la aplicacin.

PAGINAS ASPX
Si en el explorador de soluciones pulsamos sobre el signo "+" que se
encuentra ala izquierda de la pagina Default.aspx, aparecer el archivo
Default.aspx.cs:

PAGINAS ASPX

Podemos acceder al contenido de este archivo haciendo un doble click

sobre la vista de diseo del formulario web.
El archivo esta formado por una clase que hereda System.Web.UI.Page y
que representa al propio formulario Web. Esta clase proporciona todo el
soporte bsico par la programacin en e servidor , dispone de una serie
de propiedades que permiten acceder a los objetos ASP y ofrece el soporte
necesario para la gestin de eventos en e l servidor.
Todo el cdigo de servidor asociado ala pagina deber ser incluido en el
interior de mtodos definidos en el interior de esta clase.

La mayora de estos mtodos sern mtodos de respuesta de eventos

producidos sobre los elementos de la interfaz grfica de usuario y que se
ejecutaran en el servidor.

FORMULARIOS

Las pginas de ASP.NET, conocidas oficialmente como "web forms"

(formularios web), son el principal medio de construccin para el desarrollo de
aplicaciones web.

Los formularios web estn contenidos en archivos con una extensin ASPX;
en jerga de programacin, estos archivos tpicamente contienen
etiquetas HTML o XHTML esttico, y tambin etiquetas
definiendo Controles Web que se procesan del lado del servidor y Controles de
Usuario donde los desarrolladores colocan todo el cdigo esttico y dinmico
requerido por la pgina web.

Formulario web de ejemplo

Este es un ejemplo que utiliza cdigo "en lnea", opuesto al cdigo
independiente (code-behind).

CONTROLES ESTANDAR DE HTML

Botones
Casillas de Verificacin (checkbox)
Radiobotones (radio button)
Menes (menus)
Entrada de texto (text input)
Seleccin de ficheros (file select)
Controles ocultos (hidden controls)
Controles tipo objeto (object controls)

CONTROLES OCULTOS (HIDDEN CONTROLS)

Se pueden crear controles que no se muestran pero cuyos valores se
envan con un formulario.
ste tipo de controles se usan para almacenar informacin entre
intercambios cliente/servidor que de otro modo se perdera debido a la
naturaleza no persistente del protocolo HTTP .Para crear un control
oculto se usa el elemento INPUT.
CONTROLES TIPO OBJETO (OBJECT CONTROLS)

Se pueden insertar objetos genricos en los formularios de modo que

los valores asociados se enven junto con los dems controles. Los
autores crean controles tipo objeto con el elemento OBJECT.

CONTROLES ASPX
El
conjunto
de
controles
de
elementos Web de
ASP.NET es un grupo
de componentes que
funcionan
conjuntamente para
permitir la creacin
de pginas Web en
las que los usuarios
finales
pueden
modificar el aspecto y
el comportamiento de
la interfaz de usuario
(IU)
directamente
desde un explorador.

Controles estndar de servidores Web ASP.NET

AdRotator (Control de servidor Web)
BulletedList (Control de servidor Web)
Control de servidor Web
Calendar (Control de servidor Web)
CheckBox y CheckBoxList (Controles de
servidor Web)
DropDownList (Control de servidor Web)
FileUpload (Control de servidor Web)
HiddenField (Control de servidor Web)
HyperLink (Control de servidor Web)
Image (Control de servidor Web)
ImageMap (Control de servidor Web)
Label (Control de servidor Web)
ListBox (Control de servidor Web)
Literal (Control de servidor Web)
Localize (Control de servidor Web)
MultiView y View (Controles de servidor
Web)

Panel (Control de servidor Web)

PlaceHolder (Control de servidor Web)
RadioButton y RadioButtonList (Controles
de servidor Web)
Substitution (Control de servidor Web)
Table, TableRow y TableCell (Controles de
servidor Web)
TextBox (Control de servidor Web)
Wizard (Control de servidor Web)
XML (Control de servidor Web)

http://msdn.microsoft.com/es-es/library/tt9b3d0f(v=vs.80).aspx

Controles (ASP.NET) de servidor Web de datos

Los controles ASP.NET que se pueden utilizar para

mostrar datos en una pgina Web.
GridView (Control de servidor Web)
DetailsView (Control de servidor Web)
FormView (Control de servidor Web)
Repeater (Control de servidor Web)
DataList (Control de servidor Web)

http://msdn.microsoft.com/es-es/library/a63e36w2(v=vs.80).aspx

Controles de servidor Web de orgenes de datos

Los controles de servidor Web enlazados a datos son controles que se pueden
asociar a un control de origen de datos para facilitar la presentacin y
modificacin de datos en la aplicacin Web. Los controles de servidor Web
enlazados a datos son controles compuestos que combinan otros controles
Web de ASP.NET, como los controles Label y TextBox, en un diseo nico.

SqlDataSource (Control de servidor Web)

AccessDataSource (Control de servidor Web)
ObjectDataSource (Control de servidor Web)
XmlDataSource (Control de servidor Web)
SiteMapDataSource (Control de servidor Web)

http://msdn.microsoft.com/es-es/library/ms227437(v=vs.80).aspx

CONTROLES DE VALIDACION
Los controles de validacin permiten a los programadores ahorrar
tiempo y lneas de cdigo al desarrollar aplicaciones Web, ya que la
validacin de los datos de usurario antes de su procedimiento, puede ser
realizada mediante este tipo de controles sin incluir una sola lnea de
cdigo.

Dado que esta clase de validacin se realiza normalmente en el cliente

antes de que los datos sean enviados al servidor, los controles de
validacin incluyen en las paginas los scripts necesarios para realizar
las diferentes comprobaciones de los datos, evitando que se produzca la
recarga de la pagina si se incumple alguno de los criterios de validacin.
La ejecucin de estos scripts de cliente tiene lugar de forma
automtica cuando se intenta realizar la recarga de la pagina.

Un aspecto importante de la creacin de pginas Web ASP.NET para la

entrada de datos por el usuario consisten en poder comprobar que la
informacin que introducen los usuarios es vlida.

ASP.NET ofrece un conjunto

de controles de validacin
que proporciona una forma
eficaz y fcil de usar para
comprobar errores y, si es
necesario, mostrar mensajes
al usuario.

PROPIEDADES COMUNES

Todos los controles de validacin heredan las clase BaseValidator.

Proporciona una serie de propiedades que son comunes a todo este tipo de
controles.
Tales propiedades son:

ControlToValidate: Todo control de validacin debe estar asociado al

control que va a validar.
ErrorMessage: Representa el mensaje de error que debe aparecer cuando
se incumple el criterio de validacin asociado al control . Este mensaje
puede aparecer en el propio control de validacin, en un cuadro de dialogo
o en algn otro lugar de la interfaz grafica, segn especifique un objeto
llamado ValidationSummary

EnabledClienteScript: sta propiedad permite activar o desactivar la

utilizacin de scripts de cliente para la validacin, si el valor es false, la
validacin se har en el servidor y no en el cliente.
isValid: Se utiliza cuando se realiza la validacin en el servidor para
conocer si el control asociado cumple o no los criterios de validacin

TIPOS DE CONTROLES DE VALIDACIN

CONTROL REQUIREDFIELDVALIDATOR
Se utiliza para forzar la introduccin de un valor en un determinado control de la
interfaz de usuario, convirtindolo as al control en un campo requerido.

RANGEVALIDATOR

Permite comprobar que el

contenido de un campo se
encuentra dentro de un rango
de valores establecido; de no
ser as, el control asociado
incumplir los criterios de
validacin y no se producir el
envo de datos al servidor.
Dispone de las siguientes propiedades

Maximum Value: valor mximo del control para que se considere valido.
Minimum Value: valor mnimo del control para que se considere valido.
Type: tipo de datos que se van a comparar. (int,String, Double,Date y Currency)

CONTROL COMPAREVALIDATOR
Mediante este control forzamos a que el contenido de determinado campo sea
igual al de otro ya existente o a otro valor dado.

CONTROL REGULAREXPRESSIONVALIDATOR
Con este control se puede obligar a que el contenido de un campo se ajuste a
un determinado formato.

CONTROL CUSTOMVALIDATOR

Con este control, podemos establecer nuestros propios criterios de

validacin, para casos en que los dems controles de validacin no
cumplan con los requerimientos

CONTROL VALIDATIONSUMMARY
Mas que un control de validacin, se encarga de definir la forma en la
que se mostraran los mensajes de error de los controles de validacin
existentes en la pagina.
Tiene, las siguiente propiedades:
ShowMessageBox, que indica si los mensajes de error sern
mostrados o no en un cuadro de dialogo, esto dependiendo del valor
true o false.
ShowSummary, indica si los
mensajes
de
error
se
visualizaran o no en el
ValidationSummary.
DisplayMode,
permite
definir la forma en que sern
mostrados los mensajes de
error en el control.