Estructura de una pagina

web
ASP.NET

1
2
4

1 Le estamos indicando que

la pagina usar lenguaje C#

(C Sharp)

igo detrs del modelo (Code Beh

Poder manejar cdigo detrs del
modelo nos permite organizar los
eventos en forma separada. Todo lo
relacionado con Interfaz de usuario lo

.aspx

manejamos en el archivo
y el control de los eventos en un
archivo separado
Sharp).

.cs

(para C

1
2
4

2 Le estamos indicando que

la pagina usar lenguaje C#

(C Sharp)

1
2
4

3
5

aqu indicamos si el cdigo ser

inline o Behind. Al setearlo en true
le estamos indicando que el
cdigo ser detrs del modelo
(CodeBehind) y ser especificar el
nombre del archivo donde deber

1
2
4

Aqu le indicamos el
nombre del archivo donde
incluiremos el cdigo de
eventos.

1
2
4

3
5

Especificamos que clase va

a heredar, esta clase la va a
ir a buscar dentro del
archivo que indicamos en

Master Page
Cuando creamos un sitio web
tenemos la necesidad de repetir
ciertas partes de una pgina en todo
el sitio o en parte del sitio. Para no
estar copiando y pegando las
mismas estructuras en todas las
pginas lo que podemos hacer es
crear una Master Page y referenciarla
en las otras pginas.

Master Page
La construccin de las pginas maestras
son similares a la creacin de web forms
con algunas diferencias.

La extensin del archivo es .master

Usa la directiva Master
Contiene un objeto ContentPlaceHolder
donde
lo utilizara para mostrar el
contenido de las
pginas del sitio.

1
2
4

3
5

Se
especifica
que
queremos
5
que este el contenido en la
masterpage

Mi Primer Pagina

Master Page

Estilos

ASP.NET nos permite factorizar la

informacin de estilo y diseo en un grupo
separado de ficheros. Un Tema se puede
aplicar a cualquier sitio de forma que afecte
a la apariencia y entorno de las pginas y
controles del sitio. Los cambios en el Estilo
de un sitio pueden administrarse realizando
cambios al Tema, sin tener que editar las

Estilos
hojas de estilo en cascada
(Cascading Style-Sheets o CSS).
Permiten definir el aspecto de
cualquier elemento HTML contenido
en una pgina. Aunque se pueden
definir dentro de la propia pgina,
hacerlo as les hace perder su
verdadero sentido que no es otro
que el de separar la definicin del
aspecto. As, es posible crear
archivos con extensin '.css' que se

Tipos de Estilos
Redefinicin
de
etiquetas:
indican qu aspecto deben tener
todas
las
etiquetas de
un
determinado tipo en las pginas a
las que est vinculado el archivo.
Por ejemplo:

Tipos de Estilos
Clases: definen aspectos que no
estn asociados a una etiqueta
HTML concreta sino que se
pueden asignar mediante el
atributo class a cualquiera de
ellas. Por ejemplo:

Tipos de Estilos
Class como usarla:

Controles ASP.NET

Propiedades en comn
Propiedad Descripcin
AutoPostB Obtiene o establece un valor que indica si el estado del
ack
control se devuelve automticamente al servidor.
BackColor Obtiene o establece el color de fondo del control de servidor
web. (Se hereda de WebControl).
BorderColo
Obtiene o establece el color de borde del control Web. (Se
r
hereda de WebControl).
BorderStyl
Obtiene o establece el estilo del borde del control de
e
servidor web. (Se hereda de WebControl).
BorderWidt
Obtiene o establece el ancho del borde del control de
h
servidor web. (Se hereda de WebControl).
ClientID

Obtiene el identificador de control del formato HTML

generado por ASP.NET. (Se hereda de Control).

Propiedades en comn
Propied
ad
Descripcin
Obtiene o establece la clase hoja de estilos en cascada
CssClas (CSS) presentada por el control de servidor web en el
s
cliente. (Se hereda de WebControl).
Obtiene o establece un valor que indica si el control de
Enable servidor web est habilitado. (Se hereda de
d
WebControl).
Obtiene las propiedades de fuente asociadas al control
Font de servidor web. (Se hereda de WebControl).
Obtiene o establece el color de primer plano
ForeCol (normalmente el color del texto) del control de servidor
or
web. (Se hereda de WebControl).
Obtiene o establece el alto del control de servidor Web.
Height (Se hereda de WebControl).
ID

Obtiene o establece el identificador de programacin

asignado al control de servidor. (Se hereda de Control).

Propiedades en comn
Propieda
Descripcin
d
IsEnabled

Style

TabIndex

Obtiene un valor que indica si est habilitado el control.

(Se hereda de WebControl).
Obtiene una coleccin de atributos de texto que se
representan como atributo de estilo en la etiqueta
externa del control de servidor web. (Se hereda de
WebControl).
Obtiene o establece el ndice de tabulacin del control
de servidor web. (Se hereda de WebControl).

Obtiene el nombre de la etiqueta del control. Esta

TagName propiedad la usan principalmente los programadores de
controles. (Se hereda de WebControl).
Text

Obtiene o establece la etiqueta de texto asociada al

control CheckBox. (Se hereda de WebControl).

Propiedades en comn
Propied
ad
Descripcin
TextAlig Obtiene o establece la alineacin de la etiqueta de texto
n
asociada al control
Obtiene o establece el texto que se muestra cuando el
ToolTip puntero del mouse se desplaza sobre el control de
servidor web. (Se hereda de WebControl).
UniqueI Obtiene el identificador nico calificado jerrquicamente
D
para el control de servidor. (Se hereda de Control).
Obtiene o establece un valor que indica si un control de
Visible servidor se debe representar como interfaz de usuario en
la pgina. (Se hereda de Control).
Width

Obtiene o establece el ancho del control de servidor web.

(Se hereda de WebControl).

Label

Presenta un control de
etiqueta que muestra
texto en una pgina
web.

Label

TextBox

Muestra un control de
cuadro de texto para la
entrada de datos del
usuario.

TextBox
De forma
predeterminada, la
propiedad TextMode del
control se establece en
TextBoxMode.SingleLine
, que muestra un
cuadro de texto de una
sola lnea.

TextBox
Para mostrar un cuadro
de texto multilnea
cambiar el valor de la
propiedad TextMode a
TextBoxMode.MultiLine

TextBox
Un cuadro de texto que
enmascara los datos
proporcionados por el
usuario al cambiar el
valor de la propiedad
TextMode a
TextBoxMode.Password

TextBox

TextBox Y Label

RadioButton

Se utiliza para
presentar al usuario
un conjunto de
opciones

RadioButton
GROUPNAME: los
radiobotones son
mutuamente excluyentes
entre si Y SOLO UNO
PUEDE ESTAR
ENCENDIDO/ACTIVADO
UNO A LA VEZ

RadioButton

Checked: Obtiene o
establece un valor que
indica si el control est
activado.

RadioButton

RadioButtonList

Grupo de botones de
radio de seleccin nica
que se pueden generar
dinmicamente mediante
el enlace de datos

RadioButton

RadioButtonList
Propiedad

Descripcin
La cantidad de pxeles entre el borde y el contenido de la celda de la
CellPadding
tabla
CellSpacing La cantidad de pixels entre celdas de la tabla
RepeatColu
mns
El nmero de columnas que se utiliza al mostrar el grupo de opciones
RepeatDirec Especifica si el grupo de botones de radio debe repetirse horizontal o
tion
verticalmente
RepeatLayo
ut
La disposicin del grupo de botones de radio
TextAlign En qu lado del botn de opcin deber aparecer el texto
Obtiene o establece el objeto del que el control enlazado a datos
DataSource
recupera su lista de elementos de datos.
DataTextFiel Obtiene o establece el campo del origen de datos que proporciona el
d
contenido de texto de los elementos de lista.
DataValueFi Obtiene o establece el campo del origen de datos que proporciona el
eld
valor de cada elemento de lista.
SelectedInd Obtiene o establece el ndice ordinal inferior de los elementos
ex
seleccionados en la lista.
SelectedIte Obtiene el elemento seleccionado con el ndice inferior en el control
m
de lista.
Obtiene el valor del elemento seleccionado en el control de lista o
SelectedVal
selecciona el elemento en el control de lista que contiene el valor
ue
especificado.

CheckBox
Se utiliza para mostrar
una casilla de
verificacin.
Muestra una casilla que
permite al usuario
seleccionar una
condicin true o false.

CheckBox

CheckBoxList
Crea un grupo de casillas
de seleccin mltiple
cuya creacin podra
realizarse de forma
dinmica enlazando el
control al origen de
datos.

CheckBoxList

CheckBoxList

ListBox
Representa un control de
cuadro de lista que
permite la seleccin de
uno o varios elementos.

ListBox
SelectionMode
Obtiene o establece el
modo de seleccin del
control
SelectionMode="Multiple
"

ListBox

ListBox

DataSet
Representa una memoria cach de datos
en memoria.
Es una representacin de datos residente
en memoria que proporciona una modelo
de programacin relacional coherente
independientemente del origen de datos
que contiene. ElDataSet contiene en s,
un conjunto de datos que han sido
volcados desde el proveedor de datos.

Crear DataSet

DataTable
Este objeto nos permite representar
una determinada tabla en memoria,
de modo que podamos interactuar
con ella.

DataTable
Data Type
Boolean
Byte
Byte[] (Array)
Char
(Chararacter)
DateTime
Decimal
Double
Integer
Single
String
Unsigned
Integer
TimeSpan

.NET System Types

System.Boolean
System.Byte
System.Byte[]
System.Char
System.DateTime
System.Decimal
System.Double
System.Int16, System.Int32,
System.Int64
System.Single
System.String
System.UInt16,
System.UInt32,
System.UInt64
System.TimeSpan

Crear DataTable

DropDownList

Representa un control
que permite al usuario
seleccionar un nico
elemento de una lista
desplegable.

DropDownList

Enlazar Datos

DropDownList
Propiedad

Descripcin

DataSource Obtiene o establece el objeto del que el control enlazado a datos

recupera su lista de elementos de datos.
DataTextFiel Obtiene o establece el campo del origen de datos que proporciona el
d
contenido de texto de los elementos de lista.
DataValueFi Obtiene o establece el campo del origen de datos que proporciona el
eld
valor de cada elemento de lista.
SelectedInd Obtiene o establece el ndice ordinal inferior de los elementos
ex
seleccionados en la lista.
SelectedIte Obtiene el elemento seleccionado con el ndice inferior en el control
m
de lista.
Obtiene el valor del elemento seleccionado en el control de lista o
SelectedVal
selecciona el elemento en el control de lista que contiene el valor
ue
especificado.

Conceptos Basicos
Introduccin a conceptos web
y De datos

Solicitudes y "postbacks"
Al solicitar una pgina ASP.NET desde un
cliente, en el servidor se dispara el evento
Page_Load asociado a la pgina antes de
generar ninguna salida. Es en el manejador
asociado a este evento donde debemos
realizar las tareas de inicializacin de
la pgina. Dichas tareas suelen incluir el
establecimiento de valores por defecto o el
rellenado de las listas de valores que han
de mostrarse al usuario.

Solicitudes y "postbacks"
El evento Page_Load se dispara cada vez que el
usuario accede a la pgina. Si lo que deseamos es
realizar alguna tarea slo la primera vez que un usuario
concreto accede a la pgina, hemos de emplear la
propiedad Page.IsPostBack. Esta propiedad posee el
valor false cuando el cliente visualiza por primera
vez la pgina ASP.NET, mientras que toma el valor
true cuando no es la primera vez que la pgina ha
de ejecutarse para ser mostrada.Esto sucede cuando el
usuario realiza alguna accin, como pulsar un botn del
formulario web, que tiene como consecuencia volver a
generar la pgina para presentar datos nuevos o
actualizados en la interfaz de usuario.

AutoPostBack
Utilizando nicamente el manejador
correspondiente al evento Page_Load podemos
conseguir una pgina dinmica cuya actualizacin
se realiza cada vez que el usuario pulsa un
botn, pulsacin que se traduce en una nueva
solicitud al servidor web (post back si
empleamos la terminologa habitual). No
obstante, en determinadas ocasiones nos puede
interesar que la interfaz de nuestra aplicacin
web responda a otras acciones del usuario, no
slo a la pulsacin final de un botn del formulario.

AutoPostBack
La propiedad AutoPostBack existente en
algunos de los controles ASP.NET sirve
para que, ante determinados
eventos relacionados con acciones
del usuario, el estado de los
controles de la pgina se enve
automticamente al servidor. Esto
permite actualizar el contenido de la
pgina conforme el usuario interacta
con la aplicacin

Estado de una pgina ASP.NET

A diferencia de las aplicaciones para
Windows, en las cuales el usuario
interacta con una instancia concreta
de un formulario, en las aplicaciones
web cada accin del usuario se
trata de forma independiente. En
otras palabras, cada vez que se le
muestra una pgina al usuario, la
pgina se construye de nuevo

SqlCommand
Representa un procedimiento
almacenado o una instruccin de
Transact-SQL que se ejecuta en una
base de datos de SQL Server. Esta
clase no puede heredarse.

SqlDataAdapter
Representa un conjunto de
comandos de datos y una conexin
de base de datos que se utilizan para
rellenar un DataSet y actualizar una
base de datos de SQL Server. Esta
clase no puede heredarse

SqlConnection
Representa una conexin abierta a
una base de datos de SQL Server.
Esta clase no puede heredarse.

Parametros (Parameter)
Los objetos command usan
parmetros para pasar valores a
instrucciones SQL o procedimientos
almacenados que permiten realizar
operaciones de comprobacin de
tipos y validacin

ParameterDirection
Cuando se agregan parmetros
distintos de los parmetros de
entrada, se debe proporcionar una
propiedad ParameterDirection
Nombre
del
miembro

Descripcin

Input

Se trata de un parmetro de entrada. ste es el valor

predeterminado.

InputOutpu
t

El parmetro se puede comportar tanto de entrada

como de salida.

Output

Se trata de un parmetro de salida.

ReturnValu

El parmetro representa un valor devuelto de una

operacin como, por ejemplo, un procedimiento

Tipos de datos de parmetro

Tipo
de .NET
DbType SqlDbType
Framewo
rk
Boolean Boolean Bit
Byte
Byte
TinyInt
VarBinary. Esta conversin implcita generar un error en el caso de que la
matriz de bytes tenga un tamao superior al tamao mximo de un tipo
byte[]
Binary
VarBinary, que es de 8.000 bytes.En matrices de bytes con ms de 8.000
bytes, establezca de forma explcita el tipo SqlDbType.
Char

No se admite la deduccin de un tipo SqlDbType a partir de char.

DateTime DateTime DateTime

Decimal Decimal Decimal
Double
Double Float
Single
Single Real
Int16
Int16
SmallInt
Int32
Int32
int
Int64
Int64
BigInt
Object
object Variant
NVarChar. Esta conversin implcita generar un error en el caso de que la
cadena tenga un tamao superior al tamao mximo de un tipo NVarChar,
String
String
que es de 4.000 caracteres. En cadenas con ms de 4.000 caracteres,
establezca de forma explcita el tipo SqlDbType.
AnsiString VarChar
Currency Money

SqlParameter
Representa un parmetro de un
objeto SqlCommand y, de manera
opcional, su asignacin a columnas
de DataSet. Esta clase no puede
heredarse