Estructura de una pagina web ASP.NET

1 Le estamos indicando que la pagina usará lenguaje C# (C Sharp) 1 2 3 4 5 1 Le estamos indicando que la pagina usará lenguaje C# (C Sharp)

Código detrás del modelo (Code Behind) Poder manejar código detrás del modelo nos permite organizar los eventos en forma separada. Todo lo relacionado con Interfaz de usuario lo manejamos en el archivo .aspx y el control de los eventos en un archivo separado .cs (para C Sharp).

2 Le estamos indicando que la pagina usará lenguaje C# (C Sharp) 1 2 3 4 5 2 Le estamos indicando que la pagina usará lenguaje C# (C Sharp)

1 2 3 4 5 aquí indicamos si el código será inline o Behind. Al setearlo en true le estamos indicando que el código será detrás del modelo (CodeBehind) y será especificar el nombre del archivo donde deberá ir a buscar el código de eventos. 2

1 2 3 4 5 3 Aquí le indicamos el nombre del archivo donde incluiremos el código de eventos.

1 2 3 4 5 4 Especificamos que clase va a heredar, esta clase la va a ir a buscar dentro del archivo que indicamos en CodeFile.

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

Master Page La construcción de las páginas maestras son similares a la creación de web forms con algunas diferencias. La extensión del archivo es .master Usa la directiva Master Contiene un objeto ContentPlaceHolder donde lo utilizara para mostrar el contenido de las páginas del sitio.

5 Se especifica que queremos que este el contenido en la masterpage 1 2 3 4 5 5 Se especifica que queremos que este el contenido en la masterpage

Mi Primer Pagina

Master Page

Estilos ASP.NET nos permite factorizar la información de estilo y diseño 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 páginas y controles del sitio. Los cambios en el Estilo de un sitio pueden administrarse realizando cambios al Tema, sin tener que editar las páginas de forma individual.

Estilos hojas de estilo en cascada (Cascading Style-Sheets o CSS). Permiten definir el aspecto de cualquier elemento HTML contenido en una página. Aunque se pueden definir dentro de la propia página, hacerlo así les hace perder su verdadero sentido que no es otro que el de separar la definición del aspecto. Así, es posible crear archivos con extensión '.css' que se vinculan a las diferentes páginas de un sitio y definen el aspecto de sus elementos.

“Tipos” de Estilos Redefinición de etiquetas: indican qué aspecto deben tener todas las etiquetas de un determinado tipo en las páginas a las que esté vinculado el archivo. Por ejemplo:

“Tipos” de Estilos Clases: definen aspectos que no están 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 común Propiedad Descripción AutoPostBack Obtiene o establece un valor que indica si el estado del control se devuelve automáticamente al servidor. BackColor Obtiene o establece el color de fondo del control de servidor web. (Se hereda de WebControl). BorderColor Obtiene o establece el color de borde del control Web. (Se hereda de WebControl). BorderStyle Obtiene o establece el estilo del borde del control de servidor web. (Se hereda de WebControl). BorderWidth Obtiene o establece el ancho del borde del control de 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 común Propiedad Descripción CssClass Obtiene o establece la clase hoja de estilos en cascada (CSS) presentada por el control de servidor web en el cliente. (Se hereda de WebControl). Enabled Obtiene o establece un valor que indica si el control de servidor web está habilitado. (Se hereda de WebControl). Font Obtiene las propiedades de fuente asociadas al control de servidor web. (Se hereda de WebControl). ForeColor Obtiene o establece el color de primer plano (normalmente el color del texto) del control de servidor web. (Se hereda de WebControl). Height Obtiene o establece el alto del control de servidor Web. (Se hereda de WebControl). ID Obtiene o establece el identificador de programación asignado al control de servidor. (Se hereda de Control).

Propiedades en común Propiedad Descripción IsEnabled Obtiene un valor que indica si está habilitado el control. (Se hereda de WebControl). Style Obtiene una colección de atributos de texto que se representan como atributo de estilo en la etiqueta externa del control de servidor web. (Se hereda de WebControl). TabIndex Obtiene o establece el índice de tabulación del control de servidor web. (Se hereda de WebControl). TagName Obtiene el nombre de la etiqueta del control. Esta 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 común Propiedad Descripción TextAlign Obtiene o establece la alineación de la etiqueta de texto asociada al control ToolTip Obtiene o establece el texto que se muestra cuando el puntero del mouse se desplaza sobre el control de servidor web. (Se hereda de WebControl). UniqueID Obtiene el identificador único calificado jerárquicamente para el control de servidor. (Se hereda de Control). Visible Obtiene o establece un valor que indica si un control de servidor se debe representar como interfaz de usuario en la página. (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 página 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 línea.

TextBox Para mostrar un cuadro de texto multilínea 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 selección única que se pueden generar dinámicamente mediante el enlace de datos

RadioButton

RadioButtonList Propiedad Descripción CellPadding La cantidad de píxeles entre el borde y el contenido de la celda de la tabla CellSpacing La cantidad de pixels entre celdas de la tabla RepeatColumns El número de columnas que se utiliza al mostrar el grupo de opciones RepeatDirection Especifica si el grupo de botones de radio debe repetirse horizontal o verticalmente RepeatLayout La disposición del grupo de botones de radio TextAlign En qué lado del botón de opción deberá aparecer el texto DataSource Obtiene o establece el objeto del que el control enlazado a datos recupera su lista de elementos de datos. DataTextField Obtiene o establece el campo del origen de datos que proporciona el contenido de texto de los elementos de lista. DataValueField Obtiene o establece el campo del origen de datos que proporciona el valor de cada elemento de lista. SelectedIndex Obtiene o establece el índice ordinal inferior de los elementos seleccionados en la lista. SelectedItem Obtiene el elemento seleccionado con el índice inferior en el control de lista. SelectedValue Obtiene el valor del elemento seleccionado en el control de lista o selecciona el elemento en el control de lista que contiene el valor especificado.

CheckBox Se utiliza para mostrar una casilla de verificación. Muestra una casilla que permite al usuario seleccionar una condición true o false.

CheckBox

CheckBoxList Crea un grupo de casillas de selección múltiple cuya creación podría realizarse de forma dinámica enlazando el control al origen de datos.

CheckBoxList

CheckBoxList

ListBox Representa un control de cuadro de lista que permite la selección de uno o varios elementos.

ListBox SelectionMode Obtiene o establece el modo de selección del control SelectionMode="Multiple"

ListBox

ListBox

DataSet Representa una memoria caché de datos en memoria. Es una representación de datos residente en memoria que proporciona una modelo de programación relacional coherente independientemente del origen de datos que contiene. El DataSet 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 .NET System Types Boolean System.Boolean Byte System.Byte Byte[] (Array) System.Byte[] Char (Chararacter) System.Char DateTime System.DateTime Decimal System.Decimal Double System.Double Integer System.Int16, System.Int32, System.Int64 Single System.Single String System.String Unsigned Integer System.UInt16, System.UInt32, System.UInt64 TimeSpan 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 Descripción DataSource Obtiene o establece el objeto del que el control enlazado a datos recupera su lista de elementos de datos. DataTextField Obtiene o establece el campo del origen de datos que proporciona el contenido de texto de los elementos de lista. DataValueField Obtiene o establece el campo del origen de datos que proporciona el valor de cada elemento de lista. SelectedIndex Obtiene o establece el índice ordinal inferior de los elementos seleccionados en la lista. SelectedItem Obtiene el elemento seleccionado con el índice inferior en el control de lista. SelectedValue Obtiene el valor del elemento seleccionado en el control de lista o selecciona el elemento en el control de lista que contiene el valor especificado.

Introducción a conceptos web y De datos Conceptos Basicos Introducción a conceptos web y De datos

Solicitudes y "postbacks" Al solicitar una página ASP.NET desde un cliente, en el servidor se dispara el evento Page_Load asociado a la página antes de generar ninguna salida. Es en el manejador asociado a este evento donde debemos realizar las tareas de inicialización de la página. 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 página. Si lo que deseamos es realizar alguna tarea sólo la primera vez que un usuario concreto accede a la página, hemos de emplear la propiedad Page.IsPostBack. Esta propiedad posee el valor false cuando el cliente visualiza por primera vez la página ASP.NET, mientras que toma el valor true cuando no es la primera vez que la página ha de ejecutarse para ser mostrada.Esto sucede cuando el usuario realiza alguna acción, como pulsar un botón del formulario web, que tiene como consecuencia volver a generar la página para presentar datos nuevos o actualizados en la interfaz de usuario.

AutoPostBack Utilizando únicamente el manejador correspondiente al evento Page_Load podemos conseguir una página dinámica cuya actualización se realiza cada vez que el usuario pulsa un botón, pulsación que se traduce en una nueva solicitud al servidor web (post back si empleamos la terminología habitual). No obstante, en determinadas ocasiones nos puede interesar que la interfaz de nuestra aplicación web responda a otras acciones del usuario, no sólo a la pulsación final de un botón 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 página se envíe automáticamente al servidor. Esto permite actualizar el contenido de la página conforme el usuario interactúa con la aplicación

Estado de una página ASP.NET A diferencia de las aplicaciones para Windows, en las cuales el usuario interactúa con una instancia concreta de un formulario, en las aplicaciones web cada acción del usuario se trata de forma independiente. En otras palabras, cada vez que se le muestra una página al usuario, la página se construye de nuevo

SqlCommand Representa un procedimiento almacenado o una instrucción 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 conexión 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 conexión abierta a una base de datos de SQL Server. Esta clase no puede heredarse.

Parametros (Parameter) Los objetos command usan parámetros para pasar valores a instrucciones SQL o procedimientos almacenados que permiten realizar operaciones de comprobación de tipos y validación

ParameterDirection Cuando se agregan parámetros distintos de los parámetros de entrada, se debe proporcionar una propiedad ParameterDirection Nombre del miembro Descripción Input Se trata de un parámetro de entrada. Éste es el valor predeterminado. InputOutput El parámetro se puede comportar tanto de entrada como de salida. Output Se trata de un parámetro de salida. ReturnValue El parámetro representa un valor devuelto de una operación como, por ejemplo, un procedimiento almacenado, una función integrada o una función definida por el usuario.

Tipos de datos de parámetro Tipo de .NET Framework DbType SqlDbType Boolean Bit Byte TinyInt byte[] Binary VarBinary. Esta conversión implícita generará un error en el caso de que la matriz de bytes tenga un tamaño superior al tamaño máximo de un tipo VarBinary, que es de 8.000 bytes.En matrices de bytes con más de 8.000 bytes, establezca de forma explícita el tipo SqlDbType. Char No se admite la deducción de un tipo SqlDbType a partir de char. DateTime Decimal Double Float Single Real Int16 SmallInt Int32 int Int64 BigInt Object object Variant String NVarChar. Esta conversión implícita generará un error en el caso de que la cadena tenga un tamaño superior al tamaño máximo de un tipo NVarChar, que es de 4.000 caracteres. En cadenas con más de 4.000 caracteres, establezca de forma explícita el tipo SqlDbType. AnsiString VarChar Currency Money

SqlParameter Representa un parámetro de un objeto SqlCommand y, de manera opcional, su asignación a columnas de DataSet. Esta clase no puede heredarse