Estructura de una pagina web

Presentación del tema: "Estructura de una pagina web"— Transcripción de la presentación:

1 Estructura de una pagina web
ASP.NET

2 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)

3 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).

4 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)

5 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

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

7 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.

8 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.

9 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.

10 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

11 Mi Primer Pagina

12 Master Page

13 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.

14 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.

15 “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:

16 “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:

17 “Tipos” de Estilos Class como usarla:

18 Controles ASP.NET

19 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).

20 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).

21 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).

22 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).

23 Label Presenta un control de etiqueta que muestra texto en una página web.

24 Label

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

26 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.

27 TextBox Para mostrar un cuadro de texto multilínea cambiar el valor de la propiedad TextMode a TextBoxMode.MultiLine

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

29 TextBox

30 TextBox Y Label

31

32 RadioButton Se utiliza para presentar al usuario un conjunto de opciones

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

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

35 RadioButton

36 RadioButtonList Grupo de botones de radio de selección única que se pueden generar dinámicamente mediante el enlace de datos

37 RadioButton

38 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.

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

40 CheckBox

41 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.

42 CheckBoxList

43 CheckBoxList

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

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

46 ListBox

47 ListBox

48 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.

49 Crear DataSet

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

51 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

52 Crear DataTable

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

54 DropDownList

55 Enlazar Datos

56 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.

57

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

59 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.

60 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.

61 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.

62 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

63 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

64 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.

65 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

66 SqlConnection Representa una conexión abierta a una base de datos de SQL Server. Esta clase no puede heredarse.

67 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

68 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.

69 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 bytes.En matrices de bytes con más de 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 caracteres. En cadenas con más de caracteres, establezca de forma explícita el tipo SqlDbType. AnsiString VarChar Currency Money

70 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