Obtiene un valor del usuario y lo despliega con un saludo. No se ha establecido una acción en el formulario, por lo que retorna a sí mismo. ,, son controles de servidor. El atributo id es un nombre único que damos al control. Todas las etiquetas deben tener apertura y cierre. Si no vamos a poner nada entre ellas podemos ponerlo así . Sin la etiqueta de cierre ASP.NET producirá errores. El cuadro de texto tiene el atributo OnTextChanged=tbMensaje_Change. Tiene un evento que es TextChanged. Hemos indicado a ASP.NET que ejecute el procedimiento tbMensaje_Change cuando ocurra ese evento. Estos eventos se controlan en el servidor. BLOQUES DE DECLARACIÓN DE CÓDIGO <script runat="server"> Sub tbMensaje_Change(Sender As Object, E As EventArgs) lblMensaje.Text = "Hola, " + tbMensaje.Text + "." End Sub <script runat="server"> public void tbMensaje_Change (Object sender, EventArgs E) { lblMensaje.Text = "Hola, " + tbMensaje.Text + "."; } La etiqueta <script> se utiliza en secuencias de comandos del cliente. Delimita una sección de la página que la aplicación manejará de forma dinámica, conocida como bloque de declaración de código. No se convierte en HTML dentro de la página, si no que contiene código que será ejecutado por el servidor. No olvidar incluir runat=server. 5

Es mejor separar el bloque <script> tanto como sea posible del código de presentación o de HTML. <% Response.Write("Nuestra primera página

") %> Es equivalente a poner <%="Nuestra primera página

" %> FLUJO DE PÁGINA La primera vez que se solicita la página desde el explorador web ASP.NET compilará el código que esté en los bloques de declaración. Por esto el explorador tarda en mostrar la página. Sin embargo, si se solicita una segunda vez sin modificar el código no habrá retardo alguno. Pero si se modifica algo ASP.NET volverá a compilar la página. Una vez que se envía el formulario y se compila el código, ASP.NET empieza a procesar todo el código que hemos generado y cualquier evento que haya ocurrido. En el ejemplo, el evento TextChanged ocurrió cuando se tecleó algo en la caja de texto. El motor de ASP.NET explora este evento, determina que debe hacer y lo hace. En ese momento, ASP.NET convierte cualquier control en elemento HTML. Luego evalúa cualquier bloque proveedor de código y devuelve el HTML necesario. Por último, el HTML resultante se envía al explorador web, que recibe sólo HTML estándar. Por lo que cualquier explorador web puede mostrar la página. ESTADO VISUAL Describe el aspecto de un objeto en un momento determinado. Por ej. Si un botón está o no pulsado. Una aplicación que lleve el control de esta información se conoce como estado de conservación. Si llenamos un formulario HTML y volvemos a él después, es posible que esté vacío. Esto es porque web es un medio sin estado. ASP.NET lleva automáticamente un control del estado visual. Esto quiere decir que si rellenamos un formulario HTML y volvemos a él después los datos estarán allí. ASP.NET hace esto al devolver campos ocultos de formulario HTML siempre que indicamos runat=server en el formulario. COMO ESCRIBIR CÓDIGO DE ASP.NET Y HTML Hay dos formas de escribir código de ASP.NET: en los bloques de declaración de código o en los bloques proveedores de código. Es mejor el primer método. También hay varias formas de escribir HTML puro mediante ASP.NET, como con Response.Write o con la etiqueta <%=. Debemos: Separar el código ASP.NET del HTML tanto como podamos mediante bloques de declaración de código. No debemos: Utilizar bloques proveedores de código para intercalar código o resultados HTML (con Response.Write) cuando otro método cumpla mejor con el trabajo.

6

COMENTARIOS EN EL CÓDIGO Hay tres formas de comentar el código: Para comentar sólo el código HTML. ` (apóstrofo) con Visual Basic // /* comentario */ con c# <%− − y − − %> comentarios para el servidor COMO SE DIVIDE EN VARIAS LÍNEAS Con Visual Basic: <% Response.Write _ (hola) %> <% Response.Write (Te estoy & _ saludando) %> Con C#: No se hace nada especial. COMO IMPORTAR ESPACIOS DE NOMBRES <%@ Import Namespace=System.Drawing %> para VB <%@ Import Namespace="System.Data" %> para c# Importa todas las clases del espacio de nombre System.Drawing, como font e image. De forma predeterminada, se importan automáticamente los siguientes a todas las páginas ASP.NET: System System.Collections System.IO System.Web System.Web.IU System.Web.IU.HtmlControls System.Web.IU.WebConstrols TEMA 3: USO DE OBJETOS EN ASP.NET

7

EL OBJETO RESPONSE Permite la interacción del servidor con el cliente. Cuando un usuario solicita una página asp.net genera una instancias del objeto HttpResponse, el cual contiene información (propiedades y métodos) necesaria para comunicarse con el cliente. El nombre de la instancia es Response, de modo que podrá utilizar este nombre para acceder a las propiedades y métodos del objeto HttpResponse. El método Write <%@ Page Language="VB" %> <script runat="server"> Sub Page_Load(obj as object, e as eventargs) Dim i As Integer Response.Write("Éste es un ejemplo") Necesita una cadena como parámetro Response.Write("

<%@ Page Language="c#" %> <script runat="server"> public void Page_Load (Object sender, EventArgs E) { string strVariable; Response.Cookies["temp"].Value = "HI"; Response.Cookies["CookieDe21la"]["Nombreusuario"] = "Tania"; Response.Cookies["CookieDe21la"]["Preferencia"] = "800x640"; Response.Cookies["CookieDe21la"]["Contrasenia"] = "QueInteresanteCookie"; Response.Cookies["CookieDe21la"]["UltimaVisita"] = DateTime.Now.ToString;

15

Response.Cookies["CookieDe21la"]["UserAgent"] = Request.ServerVariables("HTTP_USER_AGENT"); foreach (strVariable in Response.Cookies ["CookieDe21la"].Values) { Label1.Text += "" + strVariable + ": " + Request.Cookies["CookieDe21la"](strVariable) + "
"; } }

MÁS SOBRE COOKIES Escritura de las cookies Para escribir una cookie se utiliza la propiedad Response de la página, que muestra un objeto que permite agregar datos a la información que la página envía al explorador. El objeto Response admite una colección llamada Cookies, a la que agregará las cookies que desee escribir en el explorador. Se pueden agregar cookies a la colección Response.Cookies de dos maneras diferentes. En el siguiente ejemplo se muestran dos métodos para realizar esta tarea: Response.Cookies("userName").Value = "mike" Response.Cookies("userName").Expires = DateTime.Now.AddDays(1) Dim aCookie As New HttpCookie("lastVisit") aCookie.Value = DateTime.Now.ToString aCookie.Expires = DateTime.Now.AddDays(1) Response.Cookies.Add(aCookie) Response.Cookies["userName"].Value = "mike" 16

Response.Cookies["userName"].Expires = DateTime.Now.AddDays(1) Para crear una cookie con subclaves, puede utilizar una variación de la sintaxis que se utiliza para escribir una cookie individual. En el siguiente ejemplo se muestran dos formas de escribir la misma cookie, ambas con dos subclaves: Response.Cookies("userInfo")("userName") = "mike" Response.Cookies("userInfo")("lastVisit") = DateTime.Now.ToString Response.Cookies("userInfo").Expires = DateTime.Now.AddDays(1) Dim aCookie As New HttpCookie("userInfo") aCookie.Values("userName") = "mike" aCookie.Values("lastVisit") = DateTime.Now.ToString aCookie.Expires = DateTime.Now.AddDays(1) Response.Cookies.Add(aCookie) Response.Cookies["marian"]["BackColor"]="#99ccff"; Response.Cookies["marian"]["ForeColor"]="#0000cc"; Response.Cookies["marian"]["LinkColor"]="#ffcccc"; Response.Cookies["marian"]["FontSize"]="12pt"; Response.Cookies["marian"]["FontName"]="Comic Sans MS"; Response.Cookies["marian"].Expires=DateTime.Now.AddMonths(1); <%@ Page Language="c#" %> <script runat="server"> public void Page_Load(Object obj,EventArgs e) { HttpCookie aCookie = new HttpCookie("userInfo"); aCookie.Values["userName"] = "mike"; aCookie.Values["lastVisit"] = DateTime.Now.ToString(); aCookie.Expires = DateTime.Now.AddDays(1); Response.Cookies.Add(aCookie);

17

} Limitar las cookies a una carpeta o aplicación Para limitar las cookies a una carpeta del servidor, establezca la propiedad Path de éstas tal como se describe a continuación: Dim appCookie As New HttpCookie("AppCookie") appCookie.Value = "Escrita " & Now.ToString appCookie.Expires = Now.AddDays(1) appCookie.Path = "/Application1" Response.Cookies.Add(appCookie) Limitar el ámbito de las cookies a un dominio De forma predeterminada, las cookies se asocian a un determinado dominio. Por ejemplo, en el sitio www.contoso.com, las cookies que escriba se enviarán al servidor cuando los usuarios soliciten cualquier página de este sitio. (Excepto las cookies con un valor de ruta específico, tal como ya hemos visto en el apartado anterior a éste). Si el sitio contiene subdominios por ejemplo, contoso.com, ventas.contoso.com y soporte.contoso.com podrá asociar las cookies a un determinado subdominio. Para ello, establezca la propiedad Domain de la cookie de la siguiente forma: Response.Cookies("domain").Value = DateTime.Now.ToString Response.Cookies("domain").Expires = DateTime.Now.AddDays(1) Response.Cookies("domain").Domain = "support.contoso.com" Cuando el dominio se establece de este modo, la cookie únicamente estará disponible para las páginas del subdominio que se haya especificado. También puede utilizar la propiedad Domain para crear una cookie que puedan compartir varios subdominios. Por ejemplo, establezca el dominio como se muestra a continuación: Response.Cookies("domain").Value = DateTime.Now.ToString Response.Cookies("domain").Expires = DateTime.Now.AddDays(1) Response.Cookies("domain").Domain = "contoso.com" Lectura de las cookies Cuando un explorador realiza una solicitud al servidor, envía junto con ésta las cookies para el servidor. En las aplicaciones ASP.NET, puede leer las cookies mediante la utilización del objeto Request. La estructura del objeto Request es básicamente la misma que la del objeto Response, por lo que puede leer las cookies del objeto Request de un modo muy similar a cómo las escribió en el objeto Response. Los siguientes ejemplos 18

muestran dos modos de obtener el valor de una cookie llamada "userName" y mostrarlo en un control Label: If Not Request.Cookies("userName") Is Nothing Then Label1.Text = Server.HtmlEncode(Request.Cookies("userName").Value) End If If Not Request.Cookies("userName") Is Nothing Then Dim aCookie As HttpCookie = Request.Cookies("userName") Label1.Text = Server.HtmlEncode(aCookie.Value) End If Antes de intentar obtener el valor de una cookie, debe asegurarse de que ésta existe. De lo contrario, obtendrá una excepción System.NullReferenceException. Observe igualmente que realizo una llamada al método HttpServerUtility.HtmlEncode para codificar el contenido de una cookie antes de mostrarla en la página. El motivo para que proceda de ese modo es que estoy mostrando el contenido de una cookie (algo que generalmente no se hace) y quiero asegurarme de que un usuario malintencionado no haya introducido secuencias de comandos ejecutables. Asimismo, el valor de una subclave de una cookie se lee de un modo similar a como se configura. Esta es una forma de obtener el valor de una subclave: If Not Request.Cookies("userInfo") Is Nothing Then Label1.Text = _ Server.HtmlEncode(Request.Cookies("userInfo")("userName")) Label2.text = _ Server.HtmlEncode(Request.Cookies("userInfo")("lastVisit")) End If Lectura de las colecciones de cookies En los ejemplos anteriores se asume que desea leer una determinada cookie cuyo nombre ya conoce. Puede que en ocasiones deba leer todas las cookies disponibles para la página. Para leer los nombres y valores de todas estas cookies puede recorrer la colección Request.Cookies utilizando código como éste: Dim i As Integer Dim output As String = "" Dim aCookie As HttpCookie For i = 0 to Request.Cookies.Count − 1

19

aCookie = Request.Cookies(i) output &= "Nombre de cookie = " & Server.HtmlEncode(aCookie.Name) & "
" output &= "Valor de cookie = " & Server.HtmlEncode(aCookie.Value) & _ & "

" Next Label1.Text = output Request.Cookies["marian"]["FontSize"] Request.Cookies["marian"].Value Nota Cuando ejecute este código, probablemente verá una cookie llamada "ASP.NET_SessionId". Se trata de una cookie que ASP.NET utiliza para almacenar un identificador único para su sesión y que no se guardará en el disco duro de su equipo. Comprobar si un explorador acepta cookies Sub Page_Load() If Not Page.IsPostBack Then If Request.QueryString("AcceptsCookies") Is Nothing Then Response.Cookies("TestCookie").Value = "ok" Response.Cookies("TestCookie").Expires = _ DateTime.Now.AddMinutes(1) Response.Redirect("TestForCookies.aspx?redirect=" & _ Server.UrlEncode(Request.Url.ToString)) Else labelAcceptsCookies.Text = "Aceptar cookies = " & _ Request.QueryString("AcceptsCookies") End If End If End Sub EJERCICIO:

20

Mediante el uso de Cookies personalizar la página del cliente.

Al pulsar personalizar aparece:

21

Seleccionamos y mostramos el resultado:

22

(Solución ejercicio Tema3−cookies−mariancookies) EL OBJETO PAGE Contiene todas las propiedades y métodos de toda la página asp.net que genere. Cuando ejecutamos una página asp.net ésta heredará de la clase Page del .NET Framework Herencia: Una clase define algunos parámetros y métodos para los objetos que se basen en ella. Cuando genere otra clase que se herede de la principal, también heredará sus miembros. También podemos generar sus propios miembros en la clase secundaria. Las páginas asp.net son los objetos secundarios del objeto Page. Cualquier método o propiedad que defina en la página asp.net se convertirá en miembro del objeto basado en su página. Esto significa que si genero otra página podré acceder a los métodos y propiedades de la primera. Miembros útiles integrados:

23

IsPostBack: Indica si un formulario de esta página fue enviado a la misma. DataBind: Enlaza todas las expresiones de datos a los controles de la página. Evento Load: Se desencadena cuando la página comienza a cargarse en el explorador. Eventos: Init: este evento es lanzado cuando la página es inicializada, cuando es lanzado este evento todavía no se han creado por completo los distintos controles de la página. Este evento es tratado en el método Page_Init. Load: este evento se lanzaría a continuación del método Init y es lanzado cuando la página se ha cargado, en este caso todos los controles de la página ya han sido creados. Este evento se lanzará cada vez que la página ASP .NET es ejecutada. Este evento es tratado en el método Page_Load. PreRender: el evento se lanzará justo antes de enviar la información al cliente. Este evento es tratado en el método Page_PreRender, y siempre es lanzado después del evento Load. UnLoad: este otro evento se lanzará en último lugar, y tiene lugar cuando la página ha finalizado de procesarse, es decir, cuando se ha terminado la ejecución de la página y toda la información ha sido enviada al cliente. Este evento es tratado en el método Page_UnLoad. Error: este evento se lanzará cuando se produzca una excepción no tratada dentro de la página. El método Page_Error se utilizará cuando deseemos realizar nuestro propio tratamiento de errores, esto lo veremos más en detalle en el capítulo dedicado al tratamiento de errores y depuración. Propiedades: IsPostBack: esta propiedad de la clase Bolean devolverá true si la página ASP .NET actual ya ha sido enviada al servidor en alguna ocasión. Si tiene el valor false indicará que la página es la primera vez que se carga y nos servirá de indicador para poder inicializar los controles Web de la página o bien realizar otras labores de inicialización. Application: esta propiedad nos va a ofrecer una referencia a un objeto de la clase System.Web.HttpApplicationState, este objeto nos va a permitir almacenar y acceder a información que va a ser común a toda la aplicación Web, es decir, es una información compartida por todos los clientes de una aplicación Web determinada. Esta propiedad es equivalente al objeto integrado Application de anteriores versiones de ASP. Uso del evento Page_Load. Analiza este código <%@ Page Language="VB" %> <script runat="server"> Sub Page_Load(obj as object, e as eventArgs) tbMyText.Value = "¡Éste es el evento Page_Load!" End Sub 24

<%@ Page Language="c#" %> <script runat="server"> public void Page_Load (Object sender, EventArgs E) { tbMyText.Value = "¡Éste es el evento Page_Load!"; }

En el evento Load se verifica la identidad del usuario, se cargan los datos de una base de datos y se redirige al usuario, por ejemplo. Ejemplo de formatos de fechas correctas para DateTime: <%@ Page Language="VB" %> <script runat="server"> sub Page_Load(obj as object, e as eventArgs) Dim Ahora as DateTime = DateTime.Now Dim intHora as Integer = Ahora.Hour 25

Label1.Text = "En este momento son " & _ Ahora.ToString("d") + "

" Label1.Text += Ahora.ToString("D") + "

" Label1.Text += Ahora.ToString("f") + "

" Label1.Text += Ahora.ToString("F") + "

" Label1.Text += Ahora.ToString("g") + "

" Label1.Text += Ahora.ToString("G") + "

" Label1.Text += Ahora.ToString("m") + "

" Label1.Text += Ahora.ToString("r") + "

" Label1.Text += Ahora.ToString("s") + "

" Label1.Text += Ahora.ToString("t") + "

" Label1.Text += Ahora.ToString("T") + "

" Label1.Text += Ahora.ToString("u") + "

" Label1.Text += Ahora.ToString("U") + "

" Label1.Text += Ahora.ToString("y") + "

" Label1.Text += Ahora.ToString("dddd, MMMM dd yyyy") + "

" Label1.Text += Ahora.ToString("ddd, MMM d ""'""yy") + "

" Label1.Text += Ahora.ToString("dddd, MMMM dd") + "

" Label1.Text += Ahora.ToString("M/yy") + "

" Label1.Text += Ahora.ToString("dd−MM−yy") + "

" if intHora < 12 then Label1.Text += "¡Buenos días!" elseif intHora > 12 And intHora < 18 then Label1.Text += "¡Buenas tardes!" else Label1.Text += "¡Buenas noches!"

26

end if end sub

Ejercicio: Mostrar al usuario distintos mensajes dependiendo de la hora a la que se conecte, en C# Solución Tema3−fechas Archivo Global.asax Además de escribir código para interfaces de usuario, los programadores también pueden agregar lógica del nivel de aplicación y código de control de eventos a sus aplicaciones Web. Este código no se encarga de generar interfaces de usuario y no se invoca normalmente en respuesta a solicitudes de páginas individuales. En vez de ello, se encarga de procesar eventos de la aplicación de nivel superior, tales como Application_Start, Application_End, Session_Start, Session_End, etc. Los programadores crean esta lógica mediante un archivo Global.asax ubicado en la raíz del árbol de directorios virtuales de una aplicación Web. ASP.NET analiza y compila automáticamente este archivo para producir una clase dinámica de .NET Framework, la cual extiende la clase base HttpApplication (la primera vez que se activa o se solicita cualquier recurso o URL dentro del espacio de nombres de la aplicación). ASP.NET analiza y compila dinámicamente el archivo Global.asax para producir una clase de .NET Framework la primera vez que se activa o se solicita cualquier recurso o URL dentro del espacio de nombres de la aplicación. El archivo Global.asax está configurado para rechazar automáticamente cualquier solicitud de URL directa de modo que los usuarios externos no puedan descargar o ver el código interno. Eventos cuyo ámbito es una sesión o una aplicación Los programadores pueden definir controladores para eventos de la clase base HttpApplication creando métodos en el archivo Global.asax que se ajusten al modelo de nomenclatura "NombreDeEventoDeLaAplicación(FirmaDeArgumentosDelEvento)". Por ejemplo: <script language="C#" runat="server"> void Application_Start(object sender, EventArgs e) { // Application startup code goes here 27

} Si el código de control de eventos necesita importar espacios de nombres adicionales, se puede utilizar la directiva @ import en una página .aspx, como se indica a continuación: <%@ Import Namespace="System.Text" %> El siguiente ejemplo ilustra el período de vida de Application, Session y Request. Ver ejemplo Tema3−global La primera vez que se abre la página, se provoca el evento Start para la aplicación y la sesión: void Application_Start(object sender, EventArgs e) { // Application startup code goes here } void Session_Start(object sender, EventArgs e) { Response.Write("Session is Starting...
"); Session.Timeout = 1; } Los eventos BeginRequest y EndRequest se provocan en cada solicitud. Cuando la página se actualiza, sólo aparecen mensajes de BeginRequest, EndRequest y el método Page_Load. Observa que, al abandonar la sesión actual (hacer clic en el botón "Finalizar esta sesión"), se crea una nueva sesión y se provoca de nuevo el evento Session_Start. Sub Application_Start(Sender As Object, E As EventArgs) ' Application startup code goes here End Sub Sub Session_Start(Sender As Object, E As EventArgs) Response.Write("Session is Starting...
") Session.Timeout = 1 End Sub function Application_Start(sender:Object, E:EventArgs) : void { // Application startup code goes here }

28

function Session_Start(sender:Object, e:EventArgs) : void { Response.Write("Session is Starting...
"); Session.Timeout = 1; } EL OBJETO SESSION Debido a que Web es un medio sin estado es difícil llevar un control de la información del usuario. No hay forma de utilizar http para saber si una serie de peticiones proviene de un usuario o de varios. El objeto Session permite almacenar elementos propios de un usuario, como variables, objetos, cadenas...) en un solo lugar del servidor. Al tiempo que un usuario pasa en un sitio se le conoce como sesión. Explicar este código: <%@ Page Language="VB" %> <%@ Page Language="c#" %> <script runat="server"> Sub Enviar_Click(obj as object, e as EventArgs) If tbNombre.Value <> "" Session("Nombre") = tbNombre.Value Response.Write("¡Hola, " & Session("Nombre") & "!") Else Response.Write("Olvidó capturar un nombre.") End if End Sub public void Enviar_Click (Object sender, EventArgs E) { if(tbNombre.Value != "") { Session["Nombre"] = tbNombre.Value ; Response.Write("¡Hola, " + Session["Nombre"] + "!") ;

29

} else { Response.Write("Olvidó escribir un nombre."); } }

Por favor, teclee su nombre:

COMO RECUPERAR VARIABLES DE SESSION <%@ Page Language="VB" %> <script runat="server"> sub Page_Load(obj as object, e as eventArgs) Etiqueta1.Text = "¡Bienvenido de vuelta " & Session("Nombre") & "!" end sub

30

<%@ Page Language="c#" %> <script runat="server"> public void Page_Load(Object obj, EventArgs e) Etiqueta1.Text = "¡Bienvenido de vuelta " + Session["Nombre"] + "!" ; }

Ver ejemplo − tema3\sesion\ejemploSesion ¿Cómo logra asp.net llevar un control de las sesiones? Cuando un usuario visita el sitio e inicia sesión, el equipo genera un identificador único para él que almacena en el equipo cliente en forma de cookie. Response.Write(Session.SessionID) Cuando la sesión expire se eliminará la cookie. CONTROL DE SESSION Timeout: Tiempo que puede estar inactiva una sesión antes que asp.net la deje. 20 minutos es el valor predeterminado. Para modificarlo: Session.Timeout= x donde x es el tiempo en minutos Session.Abandon: hace que la sesión termine. USO DE SESSION Se usa como cualquier matriz. <%@ Page Language="VB" %> <script runat="server"> Sub Page_Load(obj as object, e as eventArgs)

31

Dim strVariable As String ' Establezco algunas variables de sesión Session("Nombre") = "Tania" Session("ColorFavorito") = "Naranja" Session("ColorOjos") = "Café" Session("UnMensaje") = "Bienvenido a mi mundo." Session("ASPNET") = "¡Es a genial!" For Each strVariable In Session.Contents Label1.Text += "" & strVariable & ": " & _ Session(strVariable) & "
" Next End Sub

<%@ Page Language="C#" %> <script runat="server"> public void Page_Load(object obj, eventArgs e){ string strVariable; ' Establezco algunas variables de sesión Session["Nombre"] = "Tania" Session["ColorFavorito"]= "Naranja" Session["ColorOjos"] = "Café"

32

Session["UnMensaje"] = "Bienvenido a mi mundo." Session["ASPNET"] = "¡Es genial!" foreach (strVariable In Session.Contents){ Label1.Text += "" + strVariable + ": " + Session[strVariable] + "
" } }

Si el usuario no soporta cookies asp.net coloca el identificador de la sesión cifrado en cada vínculo de la página. Es posible almacenar los datos con ámbito de sesión a fin de proporcionar datos individuales a un usuario durante una sesión. En el ejemplo siguiente se inicializan los valores de preferencias de usuario en el evento Session_Start del archivo Global.asax. void Session_Start() { Session["BackColor"] = "beige"; ... } Se modifican los valores de las preferencias de usuario en el controlador de eventos Submit_Click con la información aportada por el usuario. protected void Submit_Click(Object sender, EventArgs e) { Session["BackColor"] = BackColor.Value; ... } Configurar el estado de una sesión: es posible configurar las características del estado de una sesión en la sección de un archivo web.config. Para doblar el tiempo de espera predeterminado de 20 33

minutos, se puede agregar el código siguiente al archivo web.config de una aplicación: Protected GetStyle(key As String) As String Return(Session(key).ToString()) End Sub protected function GetStyle(key:String) : String { return Session(key).ToString(); } Sub Session_Start() Session("BackColor") = "beige" ... End Sub function Session_Start() : void { Session("BackColor") = "beige"; ... } EJERCICIO: Realizar el mismo ejercicio de las cookies pero con variables de sesión. Solución:tema3−sesion−mariansesion1 EL OBJETO HttpApplication Aplicación: Conjunto de archivos que hay en un directorio virtual y sus subdirectorios. ASP.net genera un objeto HttpApplication llamado Application cuando arranca su aplicación, es decir, cuando alguien solicita la página por primera vez. Sólo se genera un objeto Application para toda la aplicación. Al igual que Session puede usarse para almacenar variables y objetos. Por ejemplo un pie de página que vamos a colocar en cada página. Application(pie)=Derechos de autor 2004 Escribiríamos en cada página:

34

Response.Write(Application(pie)) EL OBJETO HttpSeverUtility Podemos utilizar el nombre Server para acceder a los miembros de este objeto. COMO REDIRIGIR A LOS USUARIOS Con el objeto Response. Con los métodos Execute y Transfer del objeto HttpSeverUtility. Server.Transfer lleva la ejecución a otra página. If (strContraseña == micontraseña) Server.Transfer(PuedoEntrar.aspx) Server.Execute lleva la ejecución de asp.net as otra página, pero regresa a la misma cuando termine. Esto es útil si se necesita ejecutar cierto código en otra página (como un procesamiento de datos) pero continuar en la misma página. COMO DAR FORMATO A LAS CADENAS Cuando envíe alguna salida al explorador, será interpretada como HTML. Response.Write (
) Si en lugar de un salto de línea quiero que aparezca
usaré el método HtmlEncode del objeto HttpServerUtility. Esto daría como resultado
y el usuario vería
en el explorador. UrlEncode hace algo similar, pero da formato a una cadena en particular con las reglas URL. Por ejemplo el & y ? tienen un significado especial en un url. Server.HtmlDecode y Server.UrlDecode realizan estas operaciones a la inversa. El método MapPath traduce una ruta virtual en una física en el servidor. Server.MapPath(/asp/tema4) Se traduce en C:\inetpub\wwwroot\asp\tema4 COMO CONTROLAR SECUENCIAS DE COMANDOS Con el método ScriptTimeout indicamos el tiempo que vamos a esperar antes de finalizar la secuencia de comandos. Por ejemplo si escribimos un código con un bucle infinito.... Server.ScriptTimeout=90 (segundos) COMO GENERAR OBJETOS 35

Con el método CreateObject creamos una instancia de un objeto COM. EJERCICIOS: • Generar una página ASP.NET en C# que actúe como inicio de sesión seguro. Permita que el usuario capture un nombre y una contraseña en el cuadro de texto. Si concuerdan con una cadena que indiquemos, redirigiremos al usuario a una página de aceptación, de otro modo, mostramos un error. Si el nombreusuario es válido, guardar en una variable de sesión. • Escribir una página de aceptación. Mostar un mensaje de bienvenida adaptado para el usuario con ayuda del evento Load del objeto Page y un control Label. Indicar al usuario la hora en curso y su identificador de sesión. Verificar la propiedad IsPostback del objeto Page para asegurarse de que este mensaje sólo aparece la primera vez que el usuario llegue a la página. Agregar un botón para que pueda finalizar la sesión, con un mensaje de confirmación. Soluciones: tema3/tema3ej1y2 TEMA 4: INTRODUCCIÓN A LOS FORMULARIOS WEB Permiten un control programático de la interfaz del usuario mediante el uso de objetos residentes en el servidor. PRESENTACIÓN DE LOS FORMULARIOS Un cliente envía una petición a un servidor para obtener cierta información y que éste responda a su envío. Es el modelo petición−respuesta.

Teclea tu nombre

El cliente también puede enviar datos al servidor. Los formularios HTML permiten la interacción del usuario con páginas web. Cuando el usuario hace clic en el botón Enviar, el formulario envía al servidor los datos que haya capturado. Los formularios HTML se basan por completo en el cliente. Entre el cliente y el servidor es difícil intercambiar información. Tan pronto como el servidor envía los datos, olvida todo lo que el formulario indica y pierde el rastro de lo que sucede. PRESENTACIÓN DE LOS FORMULARIOS WEB Son muy similares a los HTML. La diferencia es que se basan en el servidor. Genera los elementos del 36

usuario en el servidor. El servidor tendrá conocimiento de la apariencia de la interfaz, qué puede hacer, qué datos recibirá, etc. En el servidor generaremos objetos llamados controles de servidor, que pueden controlarse por completo: tienen propiedades, eventos y métodos que podemos manejar. Tan pronto como el cliente solicita la página, ASP.NET convierte los controles a HTML. A través de la secuencia de comandos que asp.net genera automáticamente en el cliente, estos controles avisan al servidor cuando algo sucede, como cuando se hace clic en un botón. MODELO DE PROGRAMACIÓN DE LOS FORMULARIOS WEB Los formularios web están divididos en dos partes: los elementos visuales y la lógica de la interfaz. Están separados entre sí en el plano conceptual y en el físico. CONTROLES DE SERVIDOR Los controles ASP .NET son una serie de objetos de servidor que generarán el correspondiente código HTML para que el usuario pueda utilizarlos en la página cargada en su navegador al ejecutarse la página ASP .NET correspondiente los controles de servidor de ASP .NET generarán todo el código equivalente en el lenguaje HTML, para que así pueda ser interpretado el resultado de la ejecución de la página por cualquier navegador Web. Cada control se corresponde con una clase determinada perteneciente a un espacio con nombre determinado. Existe un gran número de controles de servidor y cada uno de ellos pertenece a una clase del .NET Framework. Son los elementos de la interfaz de usuario de un formulario web. Hay cuatro tipos de estos controles en asp.net: controles HTML de servidor, controles web, controles de validación, controles de usuario. Los controles HTML de servidor representan a los elementos normales de los formularios HTML, como los cuadros de texto y los botones, pero se crean en el servidor donde podemos controlarlos. Los controles web son semejantes, pero ofrecen una mayor funcinalidad y pueden representar interfaces de usuario más complejas. Los controles de validación se utilizan para validar lo capturado por el usuario. Los controles de usuario son aquellos programados a medida para realizar cierta funcionalidad. Todos tienen propiedades, métodos y eventos. EVENTOS DE LOS CONTROLES DE SERVIDOR

37

Hacer clic en un botón, en un vínculo, llenar un cuadro de texto, seleccionar un elemento de una lista.... Un evento activo necesita una acción explícita del usuario. Un evento pasivo se puede ejecutar sin intención directa del usuario, como mover el cursor por una imagen. Sólo los eventos activos se manejan en el servidor. Hay dos formas de enviar los eventos al servidor: conforme ocurren o todos juntos en un solo envío. Es conveniente utilizar el segundo método. Permanecen en la caché del usuario hasta que éste se decida a enviar los datos. Los controles generan eventos automáticamente siempre que sucede algo. Para controlar el evento en el servidor, necesitará indicar al control qué método utilizar. <%@ Page Language="VB" %> <script runat="server"> Sub Button1_Click(obj as object, e as EventArgs) Label1.Text="Hizo clic en " & obj.Text & "" Esta línea establece la propiedad Text del control Label1. Esta línea da el mismo resutado: Label1.Text="Hizo clic en " & Button1.Text & "" End Sub Tema 4

---

<%@ Page Language="c#" %>

38

<script runat="server"> public void Button1_Click(Object obj, EventArgs e) { Label1.Text="Hizo clic en " + ((Button)obj).Text + ""; } Tema 4

---

Ver tema4−tm4ejemplo1.aspx Si especificamos en el controlador del servidor que un método deberá controlar un evento: Si no genero este método en alguna parte del bloque de declaración de código, recibiré un error. COMO ENVIAR FORMULARIOS WEB Una situación típica, cuando la página se cargue en el explorador, mostramos un mensaje de bienvenida en un control de servidor. Este mensaje formará parte del estado visual del control y asp.net lo recordará siempre. El objeto Page tiene una propiedad llamada IsPostBack que informa si el formulario ya ha sido o no enviado. Se puede verificar esta propiedad y decidir si se llena o no con los controles de servidor. Ejemplo: <%@ Page Language="VB" %> <script runat="server">

39

Sub Page_Load(obj as object, e as EventArgs) If Not Page.IsPostBack Then lblMensaje.Text = "¡Hola, mundo!" End If End Sub Evalúa la propiedad IsPostBack, y si es verdadera(el formulario ha sido enviado) no ejecuta la siguiente línea. Asp.net llenará la etiqueta por ti cada vez que el formulario se envía. Sub Enviar(obj as object, e as EventArgs) lblMensaje2.Text = "Formulario enviado." End Sub

<%@ Page Language="c#" %> <script runat="server"> public void Page_Load (Object sender, EventArgs E) { if (!Page.IsPostBack) { 40

lblMensaje.Text = "¡Hola, mundo!"; } } Evalúa la propiedad IsPostBack, y si es verdadera (el formulario ha sido enviado) no ejecuta la siguiente línea. Asp.net llenará la etiqueta por ti cada vez que el formulario se envía. public void Enviar (Object sender, EventArgs E) { lblMensaje2.Text = "Formulario enviado."; }

Ver tema4−tm4ejemplo2.aspx COMO GUARDAR EL ESTADO Los formularios web guardan el estado visual de cada control en el formulario mediante campos ocultos. Este estado visual le indica lo que se ha tecleado en el control, ya sea que éste se encuentre o no seleccionado, qué elemento lo está, etc Hay otra forma de guardar información en los formularios web. Utilizar el saco de estado o state bag, un objeto que contiene los valores cuando se envía un formulario. Cuando coloca algo en el saco de estado y envías el formulario, el servidor guarda la información y la devuelve al cliente cuando finaliza su proceso. Es una forma sencilla de almacenar información personalizada que un usuario no haya tecleado, por ejemplo un cálculo. Se accede al saco de estado mediante la variable ViewState. Ejemplo: Guardar la hora en curso en el saco de estado tan pronto como se carga la página. Cuando el usuario 41

hace clic en el botón Enviar, se compara la hora de inicio con la nueva hora. <%@ Page Language="VB" %> <script runat="server"> Sub Page_Load(obj as object, e as EventArgs) If Not Page.IsPostBack then ViewState("HoraInicio") = DateTime.Now lblMensaje.Text = "Ahora son: " & _ ViewState("HoraInicio") End If End Sub Como se necesita almacenar la hora la primera vez que se accede a la página, tenemos que verificar la propiedad IsPostBack. Si es el primer acceso almacenamos la hora en la variable ViewState. Sub Enviar(obj as object, e as EventArgs) lblMensaje.Text = "Ahora son: " & _ DateTime.Now & "
iniciado a las: " & _ ViewState("HoraInicio") End Sub Aprendiendo ASP.NET

---

42

<%@ Page Language="c#" %> <script runat="server"> public void Page_Load (Object sender, EventArgs E) { if (!Page.IsPostBack) { ViewState["HoraInicio"] = DateTime.Now; lblMensaje.Text = "Ahora son: " + ViewState["HoraInicio"]; } } Como se necesita almacenar la hora la primera vez que se accede a la página, tenemos que verificar la propiedad IsPostBack. Si es el primer acceso almacenamos la hora en la variable ViewState. public void Enviar(Object sender, EventArgs E) { lblMensaje.Text = "Ahora son: " + DateTime.Now + "
iniciado a las: " + ViewState["HoraInicio"]; } Aprendiendo ASP.NET

---

43

(ver tema4−estado) EJERCICIO:

44

45

46

Solución: tema−saco−prueba3 ORDEN DE PROCESAMIENTO DE LOS FORMULARIOS WEB 1 La página se solicita (o envía) 2 Se restaura el estado visual de los controles 3 Ocurre el evento Page_Load 4 Los eventos se controlan, se ejecutan los métodos que controlan eventos. 5 Ocurre el evento Page_Unload CONTOLES HTML DE SERVIDOR Los controles HTML ofrecen a los desarrolladores de entornos Web la potencia de los Web Forms 47

manteniendo la familiaridad y facilidad de uso de las etiquetas HTML que representan los campos de un formulario. Estos controles tienen el mismo aspecto que una etiqueta HTML a excepción de que presentan el atributo runat con el valor server. Si queremos realizar el tratamiento de eventos con código del servidor, utilizaremos el atributo onserverevento, a este atributo se le indica como valor el nombre del método que queremos ejecutar. Los elementos HTML están totalmente basados en el cliente. Un explorador conoce el aspecto y funcionamiento de y lo interpreta de acuerdo con eso. Los controles HTML de servidor son elementos u objetos que se crean en éste, con propiedades, métodos y eventos que podemos controlar. Son muy fáciles de generar: sólo hay que agregar el atributo runat=server a cualquier elemento HTML. Todos estos controles pertenecen al espacio de nombres System.Web.UI.HtmlControls. <%@ Page Language="VB" %> <script runat="server"> Sub Clic(obj as object, e as EventArgs) select case obj.Value case "Izquierda" word_image.align = "left" case "Derecha" word_image.align = "right" case "Centro" word_image.align = "center" end select Aquí establezco el estilo de los botones. Quiero que el botón que fue oprimido aparezca sumido. Por eso hay que sacar el resto con el valor notset. Izquierda.Style("Border−Style") = "notset" Derecha.Style("Border−Style") = "notset" Centro.Style("Border−Style") = "notset" Establezco a inset la propiedad del botón representado por obj.

48

obj.Style("Border−Style") = "inset" end Sub Aquí tenemos 6 elementos HTML: un formulario, tres botones, una imagen y una sección

. Los controles HtmlInputButton (botones) tienen un evento llamado ServerClick, que sucede cuando se oprimen. Aprendiendo ASP.NET:

---

Éste es un texto de ejemplo. Cuando los botones de arriba se opriman, la imagen se moverá por el texto para acomodarse en la posición elegida.

Este ejemplo demuestra los controles HtmlImage y HtmlInputButton.

Ver ejercicios/tema4/caritavb/prueba4vb.aspx EJERCICIO Realizar ese mismo ejercicio con C#. Solución: ejercicios/tema4/caritaCsharp HtmlAnchor :

49

Esta clase se corresponde con la etiqueta , es decir, es el control HTML que nos permite manejar enlaces. El elemento HTML permite crear un hipervínculo para desplazarse a otra ubicación de la página o a otra página Web. HmlButton : Este control HTML generará la etiqueta de HTML Esta control HTML se utilizará cuando sea necesario personalizar al máximo el aspecto de un botón permite incluir texto con formato, imágenes u otros controles de formularios Web Forms. HtmlForm : Esta clase representa a la etiqueta

en el servidor, es la que permite definir un Web Form, que va a realizar la labor de contenedor para una serie de controles de servidor dentro de la página ASP .NET. Todos los controles ASP .NET que deseemos enviar al servidor (post) debemos incluirlos dentro de un control de la clase HtmlForm. HtmlGenericControl : Esta clase se utilizará para representar las etiquetas HTML que no poseen una correspondencia directa con las clases del .NET Framework, como puede suceder con las etiquetas ,

o , entre otras. HtmlImage : Esta clase permite utilizar la etiqueta de HTML en el servidor, es decir, el control . Nos permite por lo tanto manejar imágenes. HtmlInputCheckBox : se corresponde con la etiqueta , y gracias a el tenemos acceso en el servidor a este tipo de elemento Para determinar si se selecciona el control, utilice la propiedad Checked. HtmlInputRadioButton : El control HTML que es instancia de esta clase generará en el cliente una etiqueta , permitiendo al código de servidor interactuar con este elemento. No tiene funcionalidad integrada para mostrar un título para el botón de opción Para determinar si el control HtmlInputRadioButton está seleccionado, pruebe la propiedad Checked. HtmlInputText: Se corresponde con las etiquetas y . El tipo de caja de texto que se genera viene dado por el valor de la propiedad type. Este control ya lo hemos visto en acción en varios ejemplos. HtmlSelect: 50

Este control HTML se corresponde con una lista desplegable del lenguaje HTML, es decir, con una etiqueta . HtmlTable : Este control se corresponde con una tabla del lenguaje HTML, es decir, permite el acceso desde el código de servidor a una etiqueta . Esta clase posee una colección llamada Rows, que contiene objetos de la clase HtmlTableRow. Propiedades: Border:Use la propiedad Border para especificar el ancho del borde (en píxeles). BgColor:Obtiene o establece el color de fondo CellPadding:Obtiene o establece la cantidad de espacio entre el contenido de una celda y el borde de la misma CellSpacing:Obtiene o establece la cantidad de espacio (en píxeles) entre las celdas adyacentes HtmlTableRow Clase relacionada con la anterior, es el control HTML que permite manipular una fila de una tabla. Esta clase posee una colección llamada Cells, que contiene objetos de la clase HtmlTableCell. HtmlTableCell Clase que permite el acceso a las celdas de una tabla, es decir, se corresponde con las etiquetas

y

. CONTOLES WEB DE SERVIDOR Los controles Web ofrecen un mayor nivel de abstracción que los controles HTML, y su modelo de objetos no refleja la sintaxis HTML necesariamente. Cuando la página se carga en el navegador, el control Web determina el tipo de navegador que ha realizado la petición, y de acuerdo con esta información genera el código HTML apropiado, podemos decir que en este aspecto se trata de controles inteligentes. Son similares a los controles HTML de servidor. Se generan en el servidor y permiten crear interfaces de usuario complejas con facilidad. Necesitan el atributo runat=server. No necesariamente se relacionan con elementos HTML y pueden representar elementos más complejos de la interfaz de usuario. Por ejemplo, el control web Calendar. Para crear un control web, utilizar la siguiente sintaxis: La clase de base System.Web.UI.WebControls.WebControl contiene todas las propiedades comunes. La mayoría de los controles Web de servidor derivan de esta clase. Para usar un control Web de servidor, use la sintaxis siguiente (que usa el control TextBox como ejemplo): 51 Los controles Web básicos proporcionan la misma funcionalidad que sus correspondientes controles HTML de servidor. Sin embargo, los controles Web básicos incluyen métodos, eventos y propiedades adicionales que puede usar par programar. Tres tipos de controles Web: controles Web intrínsecos (que son los equivalentes a los controles HTML), controles Web de lista, controles Web ricos controles Web de validación Los beneficios que se desprenden de utilizar controles Web intrínsecos sobre los controles HTML vistos anteriormente son: Se ofrece una convención de nomenclatura para controles similares. Existen propiedades comunes para todos los controles, ofreciéndose un modelo de objetos más robusto. Se incluyen propiedades específicas de los controles. Se genera código HTML específico para cada navegador Web. Similitud con Controles HTML Al igual que sucedía con los controles HTML, para permitir hacer referencia a los controles dentro del código fuente de la página, se debe utilizar el atributo id. Diferencias con Controles HTML Al declarar los controles. Algunos nombres de las propiedades cambian En los métodos para el tratamiento de eventos de la pulsación de un botón del ratón en los controles HTML utilizamos la propiedad onserverclick, y en los controles Web utilizamos la propiedad onclick. Button: Este control Web representa un botón, se corresponde con la etiqueta , es decir, un botón que envía el contenido de un formulario al servidor. Esta clase se corresponde con el control Web CheckBox : Control Web que se corresponde con una etiqueta del lenguaje HTML. Propiedad AutoPostBack:establece un valor que indica si el estado del control CheckBos se devuelve automáticamente al servidor cuando se hace clic en él. CheckBoxList 52 Este control permite utilizar una lista de selección múltiple de elementos checkbox. Este objeto posee una colección Items que contiene todos los objetos CheckBox. Se puede especificar a través de las propiedades RepeatDirection y RepeatLayout la distribución de los CheckBox en la página. DropDownList : Este control Web representa una lista desplegable, y se corresponde con la etiqueta de HTML PostBack Cada uno de los elementos del control DropDownList se indica con un objeto de la clase ListItem. HyperLink Este otro control Web representa un enlace en la página, por lo tanto generará en el cliente una etiqueta . Image Control Web que representa una imagen dentro de una página ASP .NET, generará como resultado de su ejecución una etiqueta de HTML. Para indicar la imagen que deseamos mostrar se utilizará la propiedad ImageURL. ImageButton Este control es muy similar al anterior, pero además de mostrar una imagen posee la característica adicional de funcionar como un botón de tipo submit, es decir, al pulsar el botón se envían los contenidos del formulario al servidor. Este control generan en el cliente la etiqueta HTML . LinkButton Este control va a representar un botón que presenta un estilo similar a los enlaces, el control LinkButton presenta una apariencia similar a un control Hyperlink, pero sin embargo ofrece la misma funcionalidad que un control Button, es decir, presenta un texto a modo de enlace que al pulsarlo enviará el formulario en el que se encuentre al servidor. ListBox Este nuevo control Web representa una lista de selección sencilla o múltiple, es similar al control DropDownList, pero en este caso se muestran varios elementos de la lista y se permite la selección múltiple. Este control Web también se corresponde con una etiqueta en el código HTML Rows:indicamos el número de filas visibles SelectionMode: indicamos si se permite la selección múltiple, mediante el valor Multiple, o bien la selección simple mediante el valor Single. Panel Este otro control Web intrínseco se utiliza para agrupar controles y realizar la función de contenedor de los 53 mismos. El control Panel posee una propiedad llamada Controls que es una colección que contiene todos los controles incluidos dentro del objeto Panel. PlaceHolder Control Web que realiza también la función de un contenedor de controles Web, pero en este caso no genera ningún código HTML, se utiliza para añadir controles Web de forma dinámica en la página ASP .NET en un punto determinado, para ello se utiliza su propiedad Controls. RadioButton Este control representa un botón de opción que se corresponde con el elemento de HTML. Muestra la misma funcionalidad, es decir, permite seleccionar una opción dentro de un mismo grupo de opciones. Las opciones se agrupan mediante la propiedad GroupName . RadioButtonList Este control permite utilizar una lista de selección múltiple de controles RadioButton. Este objeto posee una colección Items que contiene todos los objetos RadioButton. Se puede especificar a través de las propiedades RepeatDirection y RepeatLayout la distribución de los RadioButton en la página, como se puede apreciar es muy similar al control CheckBoxList, pero en este caso se utilizan controles RadioButton. Table, TableRow y TableCell Estos controles Web se encuentran muy relacionados entre sí, mediante la utilización de todos ellos podremos generar tablas en HTML. El control Web Table se corresponde con una tabla del lenguaje HTML, es decir, permite generar tablas del lenguaje HTML. Esta clase posee una colección llamada Rows, que contiene objetos de la clase TableRow. Aplicando estilos a los controles Los controles Web ofrecen un completo soporte para las hojas de estilo, es decir, podemos aplicar los estilos de forma similar a como lo hacemos en HTML para personalizar el aspecto de nuestros controles. Tres formas de aplicar estilos: Mediante propiedades: Es mediante la propiedad CssClass Mediante la propiedad Style: Es una colección que nos permite asignar valores a las distintas propiedades del estilo del control. <%@ Page Language="VB" %> <script runat="server"> Sub Enviar(obj as object, e as eventargs) Dim strIngreso As String = lbIngreso.SelectedItem.Text 54 Dim strEdad As String = rlEdad.SelectedItem.Text lblMensaje.Text = "¡Hola, " & tbNombre.Text & "! " & _ "Su ingreso es de: " & strIngreso & " " & _ "Su edad es: " & strEdad & " " If rlEdad.SelectedIndex < 3 Then lblMensaje.Text += "¡Eres joven! " Else lblMensaje.Text += "¡Eres experimentado! " End If If cbBoletin.Checked Then lblMensaje.Text += "Pronto recibirá nuestro " & _ "boletín." End If End Sub Teclee su nombre: Seleccione su edad: 55 <18 19−24 25−34 35−49 50−65 Elija sus ingresos: < 999€ al año 1000€−9999€ 10000€−49999€ > 50000€ ¿Quiere recibir nuestro boletín? Ver ejercicios/tema4/demografico/demograficoVB EJERCICIO Realizar ese mismo ejercicio con C#. 56 Solución: ejercicios/tema4/demografico/demograficoC CÓMO ENVIAR DATOS INMEDIATAMENTE Por ejemplo, imaginar un formulario que muestra las provincias de un país. Una vez seleccionada una provincia, se envía el formulario, se realiza cierto procesamiento y se filtra la lista de ciudades de esa provincia. Se puede enviar datos inmediatamente con la propiedad AutoPostBack de los controles web. A true indica al control que envíe los datos tan pronto como ocurra el evento. <%@ Page Language="VB" %> <%@ Import Namespace="System.Drawing" %> Se importa para poder usar el objeto Color. <script runat="server"> Sub ControladorDeNombre(obj as object, e as eventargs) lblMensaje.Text = tbNombre.Text & ", elija un color: " end sub Sub ControladorDeLista(obj as object, e as eventargs) Dim strColor As String Select Case obj.SelectedItem.Text Case "Rojo": strColor = "red" Case "Azul": strColor = "blue" Case "Verde": strColor = "green" Case "Blanco": strColor = "white" End Select El método Color.FromName crea un objeto Color de acuerdo al color indicado. Se puede utilizar este objeto par establecer el color del listbox. lbColor.BackColor = Color.FromName _ (strColor) End Sub 57 Declaro un control web TextBox. Cuando ocurre el evento TextChanged se ejecuta el método ControladorDeNombre porque la propiedad AutoPostBack está a trae. Lo mismo aquí. Rojo Azul Verde Blanco Ver ejercicios/tema4/autopostback/ autopostbackVB EJERCICIO: Cuando se seleccione un item le da lista aparecerá una etiqueta informando cuál se ha seleccionado. Al escribir un nombre en la caja de texto aparecerá en la etiqueta el nombre seguido de elige un color, al elegir un color de la lista cambiará el color de la lista 58 59 Solución: Ejercicios/tema4/Autopostback/aaa Debemos: Utilizar elementos HTML regulares cuando no necesitemos controlarlos de forma programática. Por ejemplo, no necesitamos manipular un vínculo, así que será mejor usar la etiqueta en lugar de un control HtmlAnchor o HyperLink. Utilizar controles HTML de servidor cuando no deseemos invertir mucho tiempo en convertir páginas existentes a formularios web. Utilizar controles web de servidor cuando generemos formularios web que necesiten un acceso programado. Con Asp net en distintas llamadas al formulario se mantiene el estado del mismo, es decir, se mantiene en la lista el elemento seleccionado, sin que tengamos que escribir ningún código adicional, esto es posible gracias al campo oculto que genera el Web Form y que se denomina _VIEWSTATE. Por lo tanto los Web Forms nos permiten en distintas peticiones conservar los valores de los campos de los formularios. 60 EJERCICIOS: • Genera una aplicación para elegir el nombre de un bebé. El usuario elegirá el sexo del bebé, y, entonces, un listBox mostrará algunos nombres posibles. Cuando el usuario elija un nombre, se mostrará un mensaje con el nombre elegido. Solución: tema4−bebe • Genera una página estándar para registrar usuarios con los siguientes campos: nombre (necesario), fax y dirección de correo electrónico (necesario). Si falta alguno de los campos necesarios, muestra un mensaje de error al usuario. Solución: tema4−Registro PREGUNTAS PARA ENTREGAR: • ¿Cómo llevan un control del estado visual los formularios web? • ¿Qué hace el saco de estado, y cómo se puede acceder a él? • Verdadero o falso: Los eventos de los formularios Web se procesan antes que el evento Page_Load. • ¿Cuál es la lista de parámetros estándar de un evento? • ¿Cuál es la importancia de la etiqueta runat=server? • ¿Para qué deberías utilizar controles HTML del servidor? • ¿Cuál es el error en la siguiente sección de código? • ¿Qué propiedad puedes utilizar para enviar código inmediatamente al servidor al ocurrir un evento? • ¿Cuándo deberías utilizar controles Web en lugar de controles HTML de servidor? TEMA 5: UN POCO MÁS DE FORMULARIOS WEB CONTROLES DE USUARIO Permiten guardar y reutilizar la funcionalidad que se desee de la interfaz de usuario. Esquema típico: un formulario de inicio de sesión. Suelen tener dos cajas de texto (usuario y contraseña) y un botón Enviar. Podemos crear un control de usuario que realice la misma tarea. COMO GENERAR CONTROLES DE USUARIO Un control de usuario es un archivo ASP.NET con una extensión .ascx. Contiene elementos de la interfaz de usuario y código para controlarlos. Las diferencia es que los controles de usuario están integrados en otras páginas en lugar de ser independientes. El siguiente listado lo guardaríamos con extensión ascx. Sería un típico inicio de sesión. No contiene las etiquetas , o . <%=colorFondo%> es un bloque proveedor de código. Establece el color de fondo recogiéndolo de la variable colorFondo. No podemos visualizarlo si no lo colocamos en una página asp.net. 61 Vamos a ver la página asp.net en la que se basa el control de usuario. <%@ Page Language="C#" %> <script runat="server"> string nombreUsuario; string contrasenia; string colorFondo; Public void Enviar(Object obj, Eventargs e) { lblMensaje.Text = "nombreUsuario: " + Usuario.Text + " " +"contrasenia: " + Contr.Text + " "; } 62 Inicio de sesión: Contraseña: Inicio de sesión: Contraseña: Ver tema5−inicio(no está en block de notas) 63 Declaro las variables nombreUsuario, contrasenia y colorFondo, y método enviar. Hay 3 pasos para convertir una página ASP.NET en control de usuario. • Quitar las etiquetas , y . • Modificar el archivo para que tenga extensión ascx. • Cambiar la directiva Page por Control. <%@ Page Language=C# %> sería <%@ Control Language=C# %> La declaración del código del control de usuario sería: <script runat="server" language="c#"> public string nombreUsuario; public string contrasenia; public string colorFondo="White"; public void Enviar(Object obj, EventArgs e) { lblMensaje.Text = "nombreUsuario: " + Usuario.Text + " " +"contrasenia: " + Contr.Text + " "; } 64 Inicio de sesión: Contraseña: v COMO UTILIZAR CONTROLES DE USUARIO Se utilizan como cualquier otro control. Creando una instancia en la porción de la interfaz de la página. Para colocar controles de usuario en otras páginas asp.net, primero hay que registrarlos con la directiva @Register Al registrar un control le decimos a asp.net que queremos extender el formulario web con un control de servidor nuevo. Se hace con el propósito de que la página tenga una ruta válida y un nombre definido para utilizar el control: <%@ Register TagPrefix=Prefijo TagName=nombreControl src=rutaDelArchivo Namespace=Nombre %> El atributo TagPrefix define al grupo al que pertenece el control. Puede tener el TagPrefix que yo quiera. La propiedad TagName da al control un nombre. La propiedad src indica el lugar de origen del control de usuario. El atributo Namespace es un elemento opcional que establece un espacio de nombre que se asociará con el TagPrefix. Esto sirve para agrupar y clasificar posteriormente los controles de usuario. <%@ Page Language="VB" %> <%@ Register TagPrefix="AASPNET" TagName="inicioSesion" src="inicioSesion.ascx" %> <script runat="server"> Sub Page_Load(obj as object, e as eventargs) lblMensaje.Text = "Propiedades del control " & _ 65 "de usuario: " & _ "identificador: " & inicioSesion1.id & " " & _ "colorFondo: " & inicioSesion1.colorFondo & " " & _ "nombreUsuario: " & inicioSesion1.nombreUsuario & " " & _ "contrasenia: " & inicioSesion1.contrasenia end sub <%@ Page Language="C#" %> <%@ Register TagPrefix="AASPNET" TagName="inicioSesion" src="inicioSesion.ascx" %> Establece su prefijo como AASPNET y su nombre de control en inicioSesion <script runat="server"> public void Page_Load(Object obj, EventArgs e) { lblMensaje.Text = "Propiedades del control de usuario: " + "colorFondo: " + inicioSesion1.colorFondo + " " + 66 "nombreUsuario: " + inicioSesion1.nombreUsuario + " " + "contrasenia: " + inicioSesion1.contrasenia; } Muestra las propiedades del control en la etiqueta. Son las propiedades públicas del control Ver tema5−EjemploUserControl CONTROLES PERSONALIZADOS No son controles de usuario. En lugar de encapsular cierta funcionalidad de la interfaz del usuario, pueden definir su comportamiento totalmente original. Por ejemplo, ASP.NET no ofrece un control integrado para interpretar dibujos monocromáticos. Un desarrollador podría generar un control personalizado para ofrecer esta funcionalidad. Los controles de usuario se utilizan cuando se desea combinar la funcionalidad de controles existentes, los controles personalizados se utilizan cuando ninguno de los controles existentes cumple con sus necesidades. Todos los objetos en el marco de trabajo de los formularios Web se derivan directa o indirectamente de la clase System.Web.UI.Control. Se puede insertar un control personalizado en cualquier parte de esta jerarquía, siempre y cuando derive de alguna manera de la clase Control. EJERCICIOS: Generar un planificador de juntas. Deberá incluir un calendario, un cuadro de texto para capturas del 67 usuario y una etiqueta que muestre los datos en curso. Utilizar AutoPostBack y el evento TextChanged cuando el usuario teclee notas en el cuadro de texto. Almacenar dichas notas en variables de sesión de modo que el usuario pueda verlas posteriormente. Cuando se agregue una nota, generar dinámicamente una etiqueta para recibir alguna reacción. Será un control .ascx y se incluirá en una página .aspx Solución tema5/ Tema5Ej PREGUNTAS PARA ENTREGAR: • Verdadero o falso: Un control de usuario puede utilizarse de manera independiente. • ¿Cuáles son los tres requerimientos para convertir un archivo .aspx en control de usuario? TEMA 6: VALIDACIÓN DE LAS PÁGINAS ASP.NET ESQUEMAS DE VALIDACIÓN La validación de lo que captura el usuario en los formularios es una de las tareas más importantes para los desarrolladores. Una situación típica donde se requiere validación: La interfaz pide el nombre y apellidos, dirección de correo electrónico, domicilio, ciudad, estado, código postal y número de teléfono del usuario. Nombre y apellidos: 68 Correo electrónico: Domicilio: Ciudad, Estado y Código postal: ,   69 size=5 /> Teléfono: 70 Se puede validar la captura de usuario con instrucciones if. Después de verificar todo lo capturado de esta forma, se puede tomar dos rutas. Si todo está en el formato correcto, se puede insertar en una base de datos. Si alguno de los datos no es correcto, hay que avisar al usuario dónde está el error y permitirle corregirlo antes de insertar los datos. VALIDACIÓN EN ASP.NET Permiten validar con facilidad cualquier dato que se haya capturado en un formulario Web. Admiten validaciones como campos necesarios, comparación de patrones o validaciones personalizadas. Permiten personalizar los mensajes de error. El trabajo de un control de validación es vigilar otro control de servidor y validar su contenido. Un mismo control puede tener distintos tipos de validación, es decir, se pueden utilizar distintos controles de validación sobre un mismo control a validar. 71 Los controles de validación funcionan en el cliente y en el servidor. Valida primero en el cliente, Asp no permite que un formulario sea enviado si tiene información inválida. Valida de nuevo en el servidor respecto a los recursos no disponibles en el cliente, como ejemplo una B.D. Propiedades importantes: ControlToValidate: Control a validar. ErrorMessage: Mensaje de error que sacará. IsValid: indica si la validación es correcta, también se puede hacer a nivel de página. TIPOS DE CONTROLES DE VALIDACIÓN EN ASP.NET RequiredFieldValidator Se utiliza para verificar que se ha dado algún valor a un campo, es decir, valida que se ha asignado un valor a un campo requerido de un Web Form. CompareValidator Este control Web de validación lo utilizaremos para comparar el valor que contiene un control Web con un valor específico, que puede ser un valor determinado especificado como una constante o bien un valor de otro control Web. Este control Web se utilizará con un operador de comparación, y presenta las siguientes propiedades adicionales: ValueToCompare: esta propiedad se utilizará cuando deseemos comparar el valor de un control Web con un valor constante, esta propiedad es la que contendrá este valor constante. ControlToCompare: esta propiedad se utilizará cuando deseemos compara el valor de un control Web con otro, esta propiedad contendrá el identificador del otro control contra el que se quiere comparar el control Web en cuestión. Type: indica el tipo de dato de los valores que se van a comparar, esta propiedad puede presentar los siguientes valores, Currency, Date, Double, Integer y String, que se corresponden con los distintos tipos de datos que podemos indicar. Operator: esta última propiedad va a contener el tipo de operador que se va a utilizar en la comparación de los dos valores. Esta propiedad puede tener los siguientes valores,Equal(igual)GreaterThan(mayor), GreaterThanEqual (mayor o igual), LessThan (menor), LessThanEqual (menor o igual ), NotEqual (distinto) y DataTypeCheck (validación de tipo). El operador DataTypeCheck es utilizado para validar el tipo de datos del control Web, en este caso no se compara con otro control, sino que únicamente se comprueba el tipo del valor del control. RangeValidator Este control Web se utilizará cuando sea necesario comprobar si un valor de entrada de un control Web se 72 encuentra comprendido en un rango determinado. El control RangeValidator ofrece tres propiedades adicionales para llevar a cabo su labor de validación, las propiedades son las siguientes: MinimumControl: esta propiedad define el valor mínimo del rango permitido para el control. MaximumControl: esta propiedad define el valor máximo Type: indica el tipo de dato que se utiliza para comparar los valores dentro del rango especificado, esta propiedad puede tener los siguientes valores, Currency, Date, Double, Integer y String. RegularExpressionValidator Este otro control Web de validación es utilizado para comparar el valor del control correspondiente con una expresión regular. Este control debe hacer uso de la propiedad ValidationExpression para indicar la expresión regular con la que se va a comparar el valor indicado en el control Web que se desea validar. ValidationSummary Este control difiere del resto, ya que en realidad no va a realizar un tipo de validación determinada, sino que contiene todos los mensajes de error que se han producido y muestra una lista de ellos en la página, en el caso de que la página no sea válida, es decir, algunas de las validaciones han fallado. Este control mostrará todos los mensajes indicados en la propiedad ErrorMessage de cada uno de los controles de validación cuya validación ha fallado en la página. Así en este caso los controles de validación no mostrarán el mensaje de error de la propiedad ErrorMessage, sino que mostrarán si procede el texto incluido entre sus etiquetas de inicio y fin. Propiedades: HeaderText: esta propiedad contendrá el texto que va a mostrarse como cabecera a modo de descripción de los errores. ShowSummary: esta propiedad, que puede tener los valores True/False, indicará si deseamos mostrar o no el resumen de validación de la página ASP .NET. DisplayMode: en esta propiedad podemos indicar la forma en la que se mostrarán las distintas descripciones de cada uno de los errores de validación encontrados en la página, puede presentar los siguientes valores, BulletList (una lista con puntos), List (una lista) y SingleParagraph (en un único párrafo). CustomValidator Este último control Web de validación se utilizará para realizar una validación personalizada, este control llamará a una función definida por el usuario que será la que realice la validación. Esta función puede estar definida en el cliente o bien en el servidor. Propiedades destacadas: ClientValidationFunction: en esta propiedad indicaremos el nombre de la función del lado del cliente que realizará la validación deseada, en este caso la función será una función definida en un lenguaje de script de 73 cliente , como puede ser JavaScript, y que sea soportado por el navegador. OnServerValidate: en esta propiedad debemos indicar el nombre de la función de servidor que se va a encargar de realizar la validación correspondiente, esta función se ejecutará cuando se produzca el evento ServerValidate, es decir, esta propiedad va a ser el manejador del evento que se produce cuando se realiza la validación en el servidor. La función de validación va a recibir dos parámetros: Uno de la clase Object, que representa al control de la clase CustomValidator. Otro objeto de la clase ServerValidateEventArgs, que se va a utilizar para indicar si la validación ha sido correcta o no. El objeto de clase ServerValidateEventArgs posee la propiedad Value para obtener el valor del control que se desea validar y la propiedad IsValid, en la que se indicará el resultado de la validación. Los controles que se pueden validar son: HtmlInputText HtmlTextArea HtmlSelect HtmlInputFile TextBox ListBox DropDownList RadioButtonList COMO FUNCIONAN LOS CONTROLES DE VALIDACIÓN Para generar un control Validation en una página ASP.net hay que agregar la etiqueta adecuada de validación al formulario Web. Los controles de validación funcionan tanto en el cliente como en el servidor. Cuando un usuario teclea datos en un control Web que infrinjan la regla de validación que hayamos especificado, el usuario será alertado de inmediato. Asp.net no permite que un formulario sea enviado si la información no es válida. Esto significa que no hay que enviar el formulario al servidor para hacer la validación, y que ésta se realiza en el cliente automáticamente. (La validación en el cliente sólo es posible en exploradores web que soporten DHTML y JavaScript). Cuando el formulario se envía por fin al servidor, asp.net vuelve a validad las capturas. Esto permite volver a verificar los datos respecto a los recursos que no hayan estado disponibles en el cliente, como una base de datos. Ejemplo sencillo de validación: <%@ Page Language="VB" %> 74 <script runat="server"> Sub Enviar(obj as object, e as eventargs) If Page.IsValid then lblMensaje.Text = "¡Ha pasado la validación!" End If End Sub Teclee su nombre: Ver tema6−sencilloVB.aspx <%@ Page Language="C#" %> <script runat="server"> void Enviar(Object sender, EventArgs e) { if (Page.IsValid) 75 { lblMensaje.Text = "¡Ha pasado la validación!"; } } Teclee su nombre: La propiedad ControlToValidate establece a qué control debe vigilar este validador (a tbNombre en este caso). Si captura cualquier dato en el cuadro de tbNobmre, se cumple RequiredFieldValidator. Este control verifica si un campo contiene datos. Todo control de validación contiene una propiedad IsValid que indica si la validación es correcta. Cuando el formulario se envía se ejecuta el método Enviar. La propiedad Page.IsValid garantiza que se cumplan todos los controles de validación de la página. También se podría verificar la propiedad IsValid de cada control. Hacer la prueba haciendo saltar el mensaje de error y escribiendo algo en la caja de texto y pulsando fuera sin enviar. El mensaje de error desaparece porque se valida al perder el foco. USO DE LOS CONTROLES DE VALIDACIÓN 76 Todos los controles de validación comparten propiedades similares. Dos propiedades, (sin incluir a runat=server). ControlToValide: establece el nombre del control de servidor que deberá ser vigilado por este validador. ErrorMessage que indica a asp.net el mensaje por mostrar al usuario si falla la validación. Veamos que tipos de validación se necesitan aquí: Nombre y apellidos: Correo electrónico: runat="server" /> Domicilio: Ciudad, Estado y Código postal: ,   Teléfono: 78 79 Para sus cuadros de texto nombre y apellido que se teclee algo, siempre y cuando sea texto. Esta validación requiere el control RequiredFieldValidator. Para mayor seguridad también podemos comprobar que no sean iguales. Con CompareValidator. En el cuadro del correo electrónico nos tendremos que asegurar que la dirección tenga un formato adecuado, como [email protected]. El control RegularExpressionValidator realiza esta función. Demos por hecho que queremos permitir sólo usuarios de cierto lugar (un rango de códigos postales) para enviar su formulario. Este tipo de validación se hace con RangeValidator. El mismo código mejorado: Height="25px" Width="100%" BackColor="#ddaa66" ForeColor="white" Font−Bold="true" Text="Un ejemplo de validación" /> Nombre y apellidos: 81 Correo electrónico (sólo .com): Domicilio: Ciudad, Estado y Código postal (5 cifras): 82   Teléfono (xxxxx−xxxx): 83 ErrorMessage="No es un número telefónico correcto"/> Los controles de correo electrónico, ciudad, estado, código postal y teléfono NO tienen sus correspondientes RequiredFieldValidators, lo que los convierte en opcionales. Aún si el campo está vacío, la propiedad IsValid devolverá true. El formulario sólo acepta ciertos tipos de direcciones electrónicas (terminar en .com), códigos postales (5 números) y números de teléfono (9 números, con un guión entre el cuarto y el quinto). Dos instancias de RequiredFieldValidators, aseguran que el usuario haya capturado algo en el nombre y apellidos. Estos controles sólo tienen las dos propiedades necesarias, ControToValidate y ErrorMessage. CompareValidator puede comparar el valor de un control de servidor con una constante, o con otro control de servidor. La propiedad Type indica el tipo de valores que comparará, como String, Double. Para comparar con un valor constante, en vez de ControlToCompare hay que usar ValueToCompare. Si sólo se quiere verificar si lo capturado por el usuario es de un tipo de dato válido, se establece la propiedad Operato de CompareValidator a DataTypeCheck y olvidarse de la propiedad ControlToCompare. En un formulario Web todo lo capturado será una cadena, por lo que se podría no obtener una validación correcta. Cuando tengamos dos o más controles Validation basados en un control de servidor, todas las condiciones deberán cumplirse para dar por válida la captura. El control RequierdFieldValidator considera inválido un campo en blanco. Todos los demás controles aceptan campos vacíos. COMO HACER VALIDACIONES EN EL SERVIDOR 84 Hay que controlar la validación en el servidor. La forma más sencilla de verificar el formulario es a través de la propiedad IsValid del objeto Page. Si todos los datos verificados por los controles de validación son satisfactorios, la propiedad tendrá valor true. Si cualquiera de ellos no lo es, será False. <%@ Page Language="VB" %> <script runat="server"> Sub Enviar (obj as object, e as eventargs) If Page.IsValid then lblMensaje.Text = "¡Correcto!" Else lblMensaje.Text = "Alguno de los campos no es válido." End if End sub 88 Nombre y apellidos: 85 Correo electrónico (sólo .com): 86 ErrorMessage="No es un correo electrónico correcto" /> Domicilio: Ciudad, Estado y Zona postal (5−digit): ,   87 Teléfono (xxxx−xxxx): <%@ Page Language="c#" %> <script runat="server"> Verifica si todos los controles Validation son válidos. public void Enviar(Object obj , EventArgs e) { if (Page.IsValid) { lblMensaje.Text = "¡Correcto!"; } else { lblMensaje.Text = "Alguno de los campos no es válido."; } } 89 90 Nombre y apellidos: Correo electrónico (sólo .com): Domicilio: Ciudad, Estado y Zona postal (5−digit): ,   91 Teléfono (xxxx−xxxx): 92 Ver tema6/ listado0706.aspx La colección Validators contiene referencias a todos los controles. Puede iterar por esta colección para determinar la validez de un control en particular: public void Enviar(Object obj , EventArgs e) { if (Page.IsValid) { lblMensaje.Text = "¡Correcto!"; } else { Ivalidator objValidator; Foreach objValidator in Validators { 93 lblMensaje.Text += objValidator.ErrorMessage; } } } También se puede verificar la propiedad IsValid de cualquier control mediante su nombre. Para ello hay que asignar la propiedad id de cada control de validación. Por ejemplo, si el RegularExpressionValidator del cuadro de texto del correo electrónico tuviera el id valCorreoE: If (!valCorreoE.IsValid) { lblMensaje.Text+=valCorreoE.Message; } COMO INHABILITAR LA VALIDACIÓN Con la propiedad Enabled a False: También se puede inhabilitar toda la validación en el cliente estableciendo la propiedad clienttarget de la directiva <% @ Page %> con un valor de downlevel: <%@ Page Language=C# clienttarget=downlevel %> Este comando hace que asp.net piense que está tratando con un explorador que no soporta DHTML, por lo que no reconoce estos controles. COMO PERSONALIZAR LA VALIDACIÓN MENSAJES DE ERROR Los controles de validación pueden colocarse en cualquier parte de la página. Por ejemplo, se pueden colocar al principio de la página si se quiere agrupar los mensajes de error. Con la propiedad Display en Dynamic el siguiente código muestra los RequiredFieldValidator de los campos nombre y apellido como objetos desplegados de forma dinámica: Se agrupan los controles y se separan cuando aparece un mensaje de error. Type=String Operator=NotEqual ErrorMessage=El nombre y los apellidos no pueden ser iguales Display=dinamic/> COMO MOSTRAR RESÚMENES DE VALIDACIÓN Técnicamente, los mensajes de error se colocan donde se encuentre el control Validation en la página. Podemos elegir dónde colocarlos: Directo: en el mismo lugar donde se encuentre el control de validación de la página. Resumen: en un resumen por separado (podría ser una ventana de aparición súbita en exploradores web que usasn DHTML). Tanto en directo como en resumen: los mensajes de error respectivos pueden ser distintos. Donde se quiera. El método es útil cuando queremos listar todos los mensajes de error en un lugar, como al principìo de la página. En lugar de colocar todos sus controles de validación en un lugar, podemos dejarlos donde estásn y valernos del control ValidationSummary. Este control despliega los mensajes de error en un lugar de la página con un formato especificado. Con la adición de la propiedad ShowMessageBox, puede generar un mensaje de aparición súbita con el control VatidationSummary. Se puede establecer la propiedad Text de los controles de validación con cualquier etiqueta HTML válida. Por lo que podemos mostrar imágenes en los mensajes de error. CONTROLES DE VALIDACIÓN PERSONALIZADOS Si ninguno de los controles de validación satisface nuestras necesidades con el control CustomValidator podemos definir cualquier tipo de validación que se necesite. Hay que crear un procedimiento. Cuando el usuario teclee datos el CustomValidator ejecutará el método que hayamos generado. <%@ Page Language="VB" %> <script runat="server"> Sub Enviar(obj as object, e as eventargs) ' Hacer algo End Sub Sub ValideEsto(obj as Object, args as _ 95 ServerValidateEventArgs) If Len(args.Value) < 8 Then args.IsValid = False Else args.IsValid = True End If End Sub 96 Nombre de usuario: Contraseña: <%@ Page Language="c#" %> <script runat="server"> public void (Object obj, EventArgs e) { // Hacer algo; } args contiene todo lo capturado por el usuario. Uliliza la propiedad value para recuperar el texto contenido en este objeto y la propiedad IsValid para establecer la validez del control. public void ValideEsto(Object obj, ServerValidateEventArgs args) { if(Len(args.Value) < 8) args.IsValid = False; 97 else args.IsValid = True; } Nombre de usuario: OnServerValidate se procesa el primero. Contraseña: 98 CustomValidator también permite validar en el cliente. Hay que generar un controlador de eventos en JavaScrip: <script language=JavaScript> function validarLongitud (oSrc,txtValue) { var retValot=true; //asume que todo está bien if(txtValor.length<8) { retValor=false; } return retValor; } Luego el control CustomValidator deberá establecer la propiedad OnClientSideValidate hacia el método de JavaScript. 99 EJERCICIOS Generar dos cuadros de lista con elementos idénticos. Luego generar un control de validación que compare los valores seleccionados y muestre un mensaje de error si no son iguales. PREGUNTAS PARA ENTREGAR • ¿Cuáles son los 5 controles de validación? • Verdadero o falso: Los controles de validación validan en el cliente. • ¿Cuáles son las propiedades que todo control de validación debería tener. • ¿Qué hace el parámetro clienttarget=downlevel? • ¿Qué propiedad del control CustomValidator necesita para establecer el controlador de evento? • Si tuviera dos controles de servidor, tbNombre y tbEdad, ¿funcionaría el siguiente validador? TEMA 7: INTRODUCCIÓN A LAS BASES DE DATOS COMO ACCEDER A DATOS CON ASP.NET Cinco pasos: • Configurar la conexión a la base de datos. • Abrir la conexión. • Llenar un conjunto de datos (DataSet) con los datos deseados. • Establecer una vía de datos (DataView) para mostrar los datos. • Establecer un control de servidor a una vista de datos mediante enlace de datos. <%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.OleDb" %> Hay que importar los espacios de nombres de datos <script language="c#" runat="server"> public void Page_Load(Object obj, EventArgs e) { //Configurar conexión OleDbConnection objConn= New OleDbConnection ("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\ASPNET\datos\bancario.mdb") // Abrir conexión 100 OleDbDataAdapter objCmd = New OleDbDataAdapter("SELECT * FROM tblUsuarios;", objConn) // Llenar conjunto de datos DataSet ds = New DataSet() objCmd.Fill(ds, "tblUsuarios") //Seleccionar la vista de datos y vincularla con un control del servidor Enlaza los datos a un control web DataList que despliega automáticamente los datos. Este control utiliza plantillas para dar formato a los datos e itera automáticamente por los registros de la BBDD. MiListaDeDatos.DataSource = ds.Tables("tblUsuarios").DefaultView MiListaDeDatos.DataBind() } Las etiquetas <%# %> son expresiones de enlace de datos, que permite vincular explícitamente un origen de datos a un control de servidor. Lo que ocurra en el origen de datos también ocurrirá en el control. <%# DataBinder.Eval(Container.DataItem, "Nombre")%>  <%# DataBinder.Eval(Container.DataItem, "Apellidos")%> Domicilio: <%#DataBinder.Eval(Container.DataItem, "Domicilio")%> Ciudad: 101 <%#DataBinder.Eval(Container.DataItem,Ciudad")%> Estado: <%# DataBinder.Eval (Container.DataItem, "Estado") %> CodPostal: <%# DataBinder.Eval (Container.DataItem, "CodPostal") %> Telefono: <%# DataBinder.Eval (Container.DataItem, "Telefono") %> TEMA 8: USO DE LAS BASES DE DATOS CON ASP.NET EL OBJETO DATASET Ado.Net gira entorno a este objeto. Reemplaza al RecordSet tradicional de ADO. El DataSet es un sencillo almacén de datos residente en memoria qu ofrece un modelo de programación consistente para acceder a datos, sin importar el tipo de éstos. El DataSet contiene conjuntos completos de datos, como restricciones, relaciones e incluso varias tablas a la vez. Imagina una caja con varios compartimentos. En cada uno puedes colocar el objeto que quieras siempre y cuando quepa en la caja. Cuando estableces una conexión a la base de datos, le proporcionas a ésta una caja y le indicas que la llene con algo. Un objeto DataTable representa a una tabla de datos. El DataSet tiene una colección de estas tablas en el objeto TablesCollection. El DataTable tiene otras dos colecciones Rows y Columns. Imagina otra vez la caja. Cada compartimento es un DataTable. COMO LLENAR UN DATASET <%@ Page Language=c#%> <%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.OleDb" %> <script runat="server"> public void Page_Load(Object obj, EventArgs e) 102 { //Configurar conexión OleDbConnection miConexion= New OleDbConnection ("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\\ASPNET\\datos\\bancario.mdb"); // Abrir conexión OleDbDataAdapter miComando = New OleDbDataAdapter("SELECT * FROM tblUsuarios;", miConexion); // Llenar conjunto de datos DataSet ds = New DataSet(); miComando.Fill(ds, "tblUsuarios"); } No es necesario crearse la tabla tblUsuarios. El DataSet lo hace por nosotros. ENLACE DE DATOS Se puede enlazar casi cualquier tipo de dato a cualquier control o a la propiedad de un control de una página. Esto da un control total del modo en que los datos van del almacén de datos a la página y viceversa. Puedes tan sólo mostrar datos al usuario, usarlos para establecer las propiedades de estilo de un control, o incluso permitir que el usuario modifique los datos y que actualice en almacén de datos. Dos formas de enlazar datos a una página asp.net: con la propiedad DataSource de un control o con una expresión de enlace de datos. La primera es la más usada para controles más complejos de servidor. La segunda se puede utilizar en cualquier parte. La sintaxis de una expresión de enlace de datos es la siguiente: <%# propiedad o colección %> Las expresiones para el enlace de datos sólo se evalúan con el método DataBind(). <script runat="server"> string strNombre=David; string [] miMatriz={Hola, Mundo}; string micadena=David; public void Page_Load(Object obj, EventArgs e) 103 { Page.DataBind(); } .. Mi nombre es <%# strNombre %> .. Hay que tener cuidado de que las expresiones de datos devuelvan los tipos de datos que esperan los controles. Por ejemplo, un cuadro de texto espera un valor de cadena. Si la expresión no devuelve una obtendremos un error. Si ejecutamos DataBind en la página evaluará toda expresión de enlace de datos en al página. Por lo general, esto se hace en el Page_Load: public void Page_Load(Object obj, EventArgs e) { DataBind(); } USO DEL ENLACE DE DATOS El verdadero potencial del enlace de datos proviene del uso de valores dinámicos en controles de servidor. <script language="c#" runat="server"> public void Indice_Changed(Object obj, EventArgs e) { DataBind(); } 104 Rojo Azul Verde Amarillo Usamos una expresión para enlazar la propiedad SelectedItem del ListBox. Cuando cambia el índice seleccionado ejecuta de nuevo DataBind para enlazar el nuevo valor al label. Ver tema8/aa.aspx Algunos controles de servidor también pueden enlazarse a clases de datos. Esto se hace con la propiedad DataSource a la que sólo se accede en tiempo de diseño. Tan sólo hay que establecer esta propiedad a una clase de datos (una matriz, por ejemplo) y ejecutar el DataBind. <script language="vb" runat="server"> Sub Page_Load(obj as Object, e as EventArgs) If Not Page.IsPostBack Then ' Genere una matriz de colores 105 dim arrColores() as string = _ {"rojo", "naranja", "amarillo", "verde", _ "azul", "añil", "violeta"} lbColores.DataSource = arrColores lbColores.SelectedIndex = 0 End If DataBind() End Sub <script language="c#" runat="server"> public void Page_Load(Object obj, EventArgs e) { Al usar PostBack sólo generamos la matriz la primera vez que se vea la página. if (!Page.IsPostBack) { 106 //Genere una matriz de colores string [] arrColores = {"rojo", "naranja", "amarillo", "verde","azul", "añil", "violeta"}; lbColores.DataSource = arrColores; lbColores.SelectedIndex = 0; } DataBind(); } 107 Ver tema8/9.7.aspx Al usar PostBack sólo generamos la matriz la primera vez que se vea la página. Esta verificación también tiene otro propósito, si la omitimos recibiremos un error de se encontró el valor null donde se requería una instancia de un objeto de la etiqueta. SIN POSTBACK CON POSTBACK 108 Evento Page−Load Evento Page−Load Inicializar ListBox ¿Se envió el formulario? (DataBind) SI NO(Primera vista) Controlar Cambio (DataBind) Controlar Cambio Inicializar ListBox (DataBind) (DataBind) Interpretar página Interpretar página Interpretar página CONTROLES ENLAZADOS A DATOS Son los controles de lista: Repeater, DataList y DataGrid. Toman colecciones de datos e iteran por ellos automáticamente. Similares a los demás controles, como DropDownList y ListBox, pero con funcionalidad más compleja. Funcionan como contenedores de otros controles que realmente muestran los datos, como las etiquetas. EL CONTROL DE SERVIDOR REPEATER Es contenedor que itera por los datos. No tiene un despliegue predeterminado. Hay que establecer su disposición con controles de plantilla. Tiene una interfaz muy flexible. Si no se establece una disposición, el control no será interpretado. Las plantillas son controles que permiten usar etiquetas y texto HTML, así como otros controles para controlasr el despliegue de datos en controles Web enriquecidos. El control Repeater permite los siguientes tipos de plantillas: ItemTemplate: Es necesaria para este control. Produce una fila de resultados para cada registro de datos. Usa otros controles de servidor para mostrar los datos reales enlazándolos a los campos adecuados. AlternatingItemTemplate: Igual que ItemTemplate, pero se interpreta para mostrar cada fila alternativa de datos. Esto permite especificar diferentes configuraciones de estilo, como alternar colores de las filas. HeaderTemplate y FooterTemplate: Generan directamente HTML antes y después de las filas de datos que serán interpretadas. Un uso típico sería abrir y cerrar tablas con las etiquetas y . SeparatorTemplate: Estas plantillas generan elementos entre cada fila de datos, como las etiquetas HTML , o . Estas plantillsa sólo se usan como contenedores para el despliegue de datos. <%@ Page Language="VB" %> 109 <%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.OleDb" %> <script runat="server"> Sub Page_Load(obj As Object, e As EventArgs) ' Establezca la conexión Dim miConexion As New OleDbConnection _ ("Provider=Microsoft.Jet.OLEDB.4.0;" & _ "Data Source=C:\ASPNET\datos\bancario.mdb") ' Abra la conexión Dim miComando As New OleDbDataAdapter _ ("SELECT * FROM tblUsuarios;", miConexion) ' Llene el conjunto de datos Dim ds As DataSet = New DataSet() miComando.Fill(ds, "tblUsuarios") ' Seleccione la vista de datos y vincúlela al control del servidor Repeater1.DataSource = ds.Tables("tblUsuarios"). _ DefaultView DataBind() end sub 110 Nombre Teléfono <%# Container.DataItem("Nombre") %>  <%# Container.DataItem("Apellidos") %> <%# Container.DataItem("Telefono") %> <%# Container.DataItem("Nombre") %>  <%# Container.DataItem("Apellidos") %> <%# Container.DataItem("Telefono") %> −−− 111 ver tema8/9.8VB <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="_9._8C.WebForm1" %> Declaro el control Repeater El encabezado sólo genera una tabla HTML y despliega los encabezados de las columnas nombre y teléfono Enlazamos tres controles de datos a la página en esta plantilla y el Repeater itera por por resultados. 112 La plantilla alternativa muestra un color de fondo diferente para las distintas filas, por lo demás hace lo mismo que el ItemTemplate. La plantilla separadora sólo añade un separador entre filas. 113 La plantilla de pie cierra la tabla. Nombre Teléfono <%# DataBinder.Eval(Container,"DataItem.Nombre") %>  <%# DataBinder.Eval(Container,"DataItem.Apellidos") %> <%# DataBinder.Eval(Container,"DataItem.Telefono")%> <%# DataBinder.Eval(Container,"DataItem.Nombre") %>  <%# DataBinder.Eval(Container,"DataItem.Apellidos") %> <%# DataBinder.Eval(Container,"DataItem.Telefono") %> −−− ASPX.CS private void Page_Load(object sender, System.EventArgs e) { OleDbConnection miConexion = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\\Documents and Settings\\mvaldericeda\\Escritorio\\asp.net\\Ejercicios\\bancario.mdb"); // Abre la conexión OleDbDataAdapter miComando =new OleDbDataAdapter("SELECT * FROM tblUsuarios;", miConexion); // Llena el conjunto de datos DataSet ds = new DataSet(); miComando.Fill(ds, "tblUsuarios"); // Selecciona la vista de datos y la vinculas al control del servidor Repeater1.DataSource = ds.Tables[0]; DataBind(); } ver tema8/9.8C El control Repeater tiene un evento:ItemCreated. ItemCreated: Se desencadena siempre antes de que se genere un elemento o plantilla. Se puede usar para establecer propiedades a través de código en tiempo de ejecución. Su sintaxis es: Public void Nombre_ItemCreated (Object obj, RepeaterItemEventArgs e) RepeaterItemEventArgs tiene la propiedad Item, que es el elemento que ha generado. 114 public void Repeater1_ItemCreated (object obj, RepeaterItemEventArgs e) { string tipo=""; switch (e.Item.ItemType) { case ListItemType.Item: tipo="Item"; break; case ListItemType.AlternatingItem: tipo="AlternatingItem"; break; case ListItemType.Header: tipo="Header"; break; case ListItemType.Footer: tipo="Footer"; break; case ListItemType.Separator: tipo="Separator"; break; } Label1.Text=Label1.Text + "Se ha generado un " + tipo + " del repetidor "; } ver tema8/Rep1 El control Repeater sólo presenta datos, no permite que los usuarios modifiquen el origen de datos. Si quieres permitirlo tendrás que usar los controles DataList o DataGrid. EL CONTROL DE SERVIDOR DATALIST 115 Similar al Repeater, excepto que permite la comunicación con el usuario y la modificación de los datos. Este control se puede usar con plantillas para listar elementos como lo haría el Repeater. Pero el DataList sólo admite dos tipos de plantillas adicionales: SelectedItemTemplate: Contiene elementos adicionales que serán interpretados sólo cuando el usuario elija un elemento en el control DataList. Usos típicos:modificar las propiedades de estilo para reflejar la selección de una fila, o expandir el elemento como en un listado jerárquico (principal y secundario). EditItemTemplate: Especifica la disposición de un elemento cuando se encuetre en modo edición. Trabajar con DataList El control DataList muestra los elementos de datos en una lista de repeticiones y admite opcionalmente la selección y edición de elementos. El contenido y diseño de los elementos de la lista de DataList se define utilizando plantillas. Como mínimo, todos los controles DataList deben definir un ItemTemplate; sin embargo, algunas plantillas opcionales se pueden utilizar para personalizar el aspecto de la lista. La siguiente tabla enumera las plantillas. Nombre de la plantilla ItemTemplate AlternatingItemTemplate Plantilla del separador SelectedItemTemplate EditItemTemplate Plantilla de encabezado Plantilla de pie de página Descripción Define el contenido y diseño de los elementos de la lista. Requerido. Si se define, determina el contenido y diseño de elementos alternos. Si no se define, se utiliza ItemTemplate. Si se define, se procesa entre elementos (y elementos alternos). Si no se define, no se procesa el separador. Si se define, determina el contenido y diseño del elemento seleccionado. Si no se define, se utiliza ItemTemplate (AlternatingItemTemplate). Si se define, determina el contenido y diseño del elemento que se edita. Si no se define, se utiliza ItemTemplate (AlternatingItemTemplate, SelectedItemTemplate). Si se define, determina el contenido y diseño del encabezado de la lista. Si no se define, no se procesa el encabezado. Si se define, determina el contenido y diseño del pie de página de la lista. Si no se define, no se procesa el pie de página. Las plantillas definen los elementos y controles HTML que se deben mostrar para un elemento, así como el diseño de estos elementos. El formato de estilo: fuente, color y atributos de bordes, se establece a través de los estilos. Cada plantilla tiene su propiedad de estilo. Por ejemplo, los estilos de EditItemTemplate se establecen mediante la propiedad EditItemStyle. Un tercer conjunto de propiedades afectan al procesamiento general de DataList. De forma predeterminada, los elementos de DataList se procesan en una tabla como una columna individual vertical. Al establecer la propiedad RepeatLayout en Flow se quita la estructura de tabla HTML del procesamiento de la lista. DataList admite procesamiento direccional mediante la propiedad RepeatDirection, es decir, que puede procesar los elementos horizontal o verticalmente. Dado que el ancho de página es la dimensión que el desarrollador debe controlar en la interfaz de usuario Web, el control DataList permite que el desarrollador controle el número de columnas que se procesan (RepeatColumns), independientemente de si se procesan horizontal o verticalmente los elementos. 116 Si RepeatDirection es igual a Horizontal y RepeatColumns es cinco, los elementos se procesan en filas que contienen cinco columnas. 1 6 11 2 7 12 3 8 13 4 9 5 10 Si RepeatDirection es igual a Vertical y RepeatColumns está establecido en cinco, los elementos se procesan en cinco columnas, cada una igual en longitud al número total de elementos dividido por cinco. 1 2 3 4 5 6 7 8 9 10 11 12 13 <%@ Page Language="VB" Debug="true"%> <%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.OleDb" %> <script runat="server"> Sub Page_Load(obj As Object, e As EventArgs) ' Establezca la conexión Dim miConexion As New OleDbConnection _ ("Provider=Microsoft.Jet.OLEDB.4.0;" & _ "Data Source=C:\Inetpub\wwwroot\bancario.mdb") ' Abra la conexión Dim miComando As New OleDbDataAdapter _ ("SELECT * FROM tblUsuarios;", miConexion) ' Llene el conjunto de datos Dim ds As DataSet = New DataSet() miComando.Fill(ds, "tblUsuarios") ' Seleccione la vista de datos y vincúlela al control del servidor DataList1.DataSource = ds.Tables("tblUsuarios"). _ DefaultView DataBind() 117 end sub sub DataList1_ItemCommand(obj As object, e As _ DataListCommandEventArgs) DataList1.SelectedIndex = e.Item.ItemIndex DataList1.DataBind() end sub <%# Container.DataItem("Nombre") & " " & _ Container.DataItem("Apellidos") %> Teléfono: <%# Container.DataItem("Telefono") %> 118 Domicilio: <%# Container.DataItem("Domicilio") %> <%# Container.DataItem("Ciudad") %>, <%# Container.DataItem("Estado") %>  <%# Container.DataItem("codpostal") %> Ver tema8/dataListVB.aspx <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="DataList1.WebForm1" %> <meta name="GENERATOR" Content="Microsoft Visual Studio 7.0"> <meta name="CODE_LANGUAGE" Content="C#"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> Declaro un control DataList 119 SelectedItemStyle−BackColor define el color de fondo de SelectedItemTemplate cuando está visible. DataKeyField es el nombre del campo que se usará como clave principal de los datos. Genero un control LinkButton que está enlazado a las columnas Nombre y Apellidos. Cuando se haga clic en el vínculo, generará y pasará el comando Select al DataList. <%# DataBinder.Eval(Container,"DataItem.Nombre")%> <%#DataBinder.Eval(Container,"DataItem.Apellidos") %> Esta plantilla muestra información enlazada a los datos. <%# DataBinder.Eval(Container,"DataItem.Nombre")%> <%# DataBinder.Eval(Container,"DataItem.Apellidos")%> Teléfono: <%# DataBinder.Eval(Container,"DataItem.Telefono") %> Domicilio: <%# DataBinder.Eval(Container,"DataItem.Domicilio") %> 120 <%# DataBinder.Eval(Container,"DataItem.Ciudad") %>, <%# DataBinder.Eval(Container,"DataItem.Provincia") %>  <%# DataBinder.Eval(Container,"DataItem.codpostal") %> .ASPX.CS private void Page_Load(object sender, System.EventArgs e) { OleDbConnection miConexion = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\\Inetpub\\wwwroot\\bancario.mdb"); // Abre la conexión OleDbDataAdapter miComando =new OleDbDataAdapter("SELECT * FROM tblUsuarios;", miConexion); // Llena el conjunto de datos DataSet ds = new DataSet(); miComando.Fill(ds, "tblUsuarios"); // Selecciona la vista de datos y vincúlela al control del servidor DataList1.DataSource = ds.Tables[0]; DataBind(); } public void DataList1_ItemCommand(object obj,DataListCommandEventArgs e) { DataList1.SelectedIndex = e.Item.ItemIndex; DataList1.DataBind(); 121 } Ver tema8/DataList1 Ejercicio: Tenemos un DataList, tres DropDown y un CheckBox. El DataList debe cambiar el aspecto según seleccionemos. Dirección: Horizontal o Vertical. Layout: Tabla o Flor. Columnas de 1 a 5. 122 123 124 Solución tema8/ejercicio1 MODIFICACIÓN DE ELEMENTOS El control DataList admite la edición directa de los datos de un elemento mediante la propiedad EditItemTemplate . EditItemTemplate define el contenido y el aspecto del elemento cuando se está editando. Por ejemplo, la siguiente plantilla incluye un cuadro de texto, un botón "Actualizar" y un botón "Cancelar". Item: CommandName="cancel"/> EditItemTemplate interactúa con otra propiedad: EditItemIndex. De forma predeterminada, el valor de EditItemIndex es igual a −1, es decir, no se está editando ninguno de los elementos de la lista. Cuando EditItemIndex se establece en un elemento determinado, ese elemento se muestra utilizando EditItemTemplate. DataList también proporciona tres eventos que se pueden utilizar por compatibilidad con la edición. Se inicia EditCommand cuando se hace clic en el control del botón de comando "Editar" en ItemTemplatede la lista. El control de este evento en el código depende del usuario. La lógica típica establece EditItemIndex en el elemento seleccionado y, a continuación, vuelve a enlazar los datos de DataList como se muestra en el siguiente ejemplo: protected void DataList_EditCommand(object Source,DataListCommandEventArgs e) { DataList1.EditItemIndex = (int)e.Item.ItemIndex; BindList(); } EditItemTemplate contiene normalmente botones de comando "Actualizar" y "Cancelar". Estos botones provocan que se inicien los eventos UpdateCommand y CancelCommand, respectivamente. Controlar estos eventos en el código depende del usuario. La lógica típica de "Cancelar" establece EditItemIndex en −1 y, a continuación, vuelve a enlazar los datos de DataList como muestra el siguiente ejemplo: protected void DataList_CancelCommand(object Source, DataListCommandEventArgs e) { DataList1.EditItemIndex = −1; BindList(); } Protected Sub DataList_CancelCommand(Source As Object, e As DataListCommandEventArgs) DataList1.EditItemIndex = −1 BindList() End Sub protected function DataList_CancelCommand(Source:Object, e:DataListCommandEventArgs) : void { DataList1.EditItemIndex = −1; BindList(); 126 } <%@ Page Language="VB" %> <%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.OleDb" %> <script runat="server"> Sub Page_Load(obj As Object, e As EventArgs) ' Establezca la conexión Dim miConexion As New OleDbConnection _ ("Provider=Microsoft.Jet.OLEDB.4.0;" & _ "Data Source=C:\ASPNET\datos\bancario.mdb") ' Abra la conexión Dim miComando As New OleDbDataAdapter _ ("SELECT * FROM tblUsuarios;", miConexion) ' Llene el conjunto de datos Dim ds As DataSet = New DataSet() miComando.Fill(ds, "tblUsuarios") ' Seleccione la vista de datos y vincúlela al control del servidor DataList1.DataSource = ds.Tables("tblUsuarios"). _ DefaultView DataBind() end sub Sub DataList1_ItemCommand(obj As object, e As _ DataListCommandEventArgs) DataList1.SelectedIndex = e.Item.ItemIndex DataList1.DataBind() End Sub 127 sub DataList1_EditCommand(obj As object, e As _ DataListCommandEventArgs) DataList1.EditItemIndex = e.Item.ItemIndex DataList1.DataBind() end sub Sub DataList1_CancelCommand(obj As object, e As _ DataListCommandEventArgs) DataList1.EditItemIndex = −1 DataList1.DataBind() End Sub Sub DataList1_UpdateCommand(obj As object, e As _ DataListCommandEventArgs) ' Actualizar el almacén de datos DataList1.DataBind() End Sub Sub DataList1_DeleteCommand(obj As object, e As _ DataListCommandEventArgs) ' Suprimir del almacén de datos DataList1.DataBind() End Sub 128 OnItemCommand="DataList1_ItemCommand" OnEditCommand="DataList1_EditCommand" OnCancelCommand="DataList1_CancelCommand" OnUpdateCommand="DataList1_UpdateCommand" OnDeleteCommand="DataList1_DeleteCommand" DataKeyField="IDUsuario"> 129 Ver tema8/DataListVB2 <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="DataList1.WebForm1" %> <meta name="GENERATOR" Content="Microsoft Visual Studio 7.0"> <meta name="CODE_LANGUAGE" Content="C#"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> <%# DataBinder.Eval(Container,"DataItem.Nombre")%> <%#DataBinder.Eval(Container,"DataItem.Apellidos") %> 130 <%# DataBinder.Eval(Container,"DataItem.Nombre")%> <%# DataBinder.Eval(Container,"DataItem.Apellidos")%> Teléfono: <%# DataBinder.Eval(Container,"DataItem.Telefono") %> Domicilio: <%# DataBinder.Eval(Container,"DataItem.Domicilio") %> <%# DataBinder.Eval(Container,"DataItem.Ciudad") %>, <%# DataBinder.Eval(Container,"DataItem.Provincia") %>  <%# DataBinder.Eval(Container,"DataItem.codpostal") %> 131 Este listado aún no funcionará. Primero hay que definir los métodos para controlar sus eventos. Cuando los usuarios hagan clic en cada elemento, parecerá un menú de opciones, gracias al EditItemTemplate. También se ha modificado el comando Select del LinkButton a Edit. Este es un comando que desencadena automáticamente el evento EditCommand del DataList. Tendremos que declarar un controlador de evento. public void DataList1_EditCommand(object obj,DataListCommandEventArgs e) { DataList1.EditItemIndex=e.Item.ItemIndex; DataList1.DataBind(); } Establecemos la propiedad EditItemIndex al elemento seleccionado, y cambia a modo de edición para ese elemento para que el usuario modifique los campos, lo que a la vez acrualizará el almacén de datos. public void DataList1_CancelCommand(object obj,DataListCommandEventArgs e) { DataList1.EditItemIndex=−1; DataList1.DataBind(); } public void DataList1_UpdateCommand(object obj,DataListCommandEventArgs e) { DataList1.DataBind(); } public void DataList1_DeleteCommand(object obj,DataListCommandEventArgs e) { DataList1.DataBind(); } 132 Ver tema8/DataList2 EL CONTROL DE SERVIDOR DATAGRID Similar a los controles DataList y Repeater, excepto porque ofrece más funcionalidad. Utiliza columnas para mostrar los datos en un diseño de cuadrícula. De forma predeterminada genera una columna para cada campo del almacén de datos. Se puede especificar manualmente qué campos desplegar y cómo desplegarlos. Tipos de columnas: Columnas Enlazadas: Permiten especificar cuáles columnas mostrar y en qué orden, y dar formato a los atributos de estilo. Son las que usa de forma predeterminada. Columnas de Botón: Muestran botones para todos los elementos de la cuadrícula, par los cuales definirá una funcionalidad propia. Columnas del comando Edit: Permite modificar elementos. Columnas de hipervínculo: Muestra los datos como hipervínculos. Columnas por plantillas: Se pueden usar plantillas, como con los controles Repeater y DataList, para definir formatos propios para las columnas. El control DataGrid elige automáticamente un tipo de columna de acuerdo con los datos que se mostrarán. Ejemplo de DataGrid <%@ Page Language="VB" Debug="true"%> <%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.OleDb" %> <script runat="server"> Sub Page_Load(obj As Object, e As EventArgs) try ' Establezca la conexión Dim miConexion As New OleDbConnection _ ("Provider=Microsoft.Jet.OLEDB.4.0;" & _ "Data Source=C:\Inetpub\wwwroot\bancario.mdb") ' Abra la conexión Dim miComando As New OleDbDataAdapter _ ("SELECT * FROM tblUsuarios;", miConexion) 133 ' Llene el conjunto de datos Dim ds As DataSet = New DataSet() miComando.Fill(ds, "tblUsuarios") ' Seleccione la vista de datos y vincúlela al control del servidor DataGrid1.DataSource = ds.Tables("tblUsuarios").DefaultView DataBind() catch ex as Exception Response.Write (ex.Message) end try end sub 134 Ver tema8/dg1VB.aspx <%@ Page Language="C#" Debug="true"%> <%@ Import Namespace="System.Data" %> 135 <%@ Import Namespace="System.Data.OleDb" %> <script runat="server"> private void Page_Load(object sender, System.EventArgs e) { try { // Establezco la conexión OleDbConnection miConexion= new OleDbConnection ("Provider= Microsoft.Jet.OLEDB.4.0;" + "Data Source=C:\\Inetpub\\wwwroot\\bancario.mdb"); // Abro la conexión OleDbDataAdapter miComando = new OleDbDataAdapter("SELECT * FROM tblUsuarios;", miConexion); // Lleno el conjunto de datos DataSet ds= new DataSet(); miComando.Fill(ds, "tblUsuarios"); // Selecciono la vista de datos y la vinculo al control del servidor DataGrid1.DataSource = ds.Tables["tblUsuarios"].DefaultView; DataGrid1.DataBind(); } catch (Exception ex) { Response.Write (ex.Message); } } 136 Establezco las propiedades del DataGrid Para definir las columnas personalizadas tendré que agregarlas a la colección Columns del DataGrid. TemplateColumn, HyperlinkColumn, BoundColumn y ButtonColumn son controles utilizados específicamente para el control DataGrid. 137 BoundColumn utiliza la propiedad DataField para para enlazarse al almacén de datos. ButtonColumn muestra de forma predeterminada un control LinkButton, pero puede usar la propiedad ButtonType para establecer un tipo distinto. Ver tema8/dg1C.aspx DataBinder.Eval El marco de trabajo ASP.NET proporciona un método estático que evalúa expresiones de enlace de datos enlazadas en tiempo de ejecución y, de forma opcional, aplica un formato de cadena al resultado. DataBinder.Eval resulta práctico en cuanto a que elimina gran parte de la conversión de tipos explícita que debe realizar el programador para convertir valores en el tipo de datos deseado. Resulta especialmente útil al enlazar datos con controles en una lista con plantillas, ya que con frecuencia la fila de datos y el campo de datos deben estar convertidos. Considérese el siguiente ejemplo, en el que un entero se visualiza como una cadena de moneda. Con la sintaxis de enlace de datos estándar de ASP.NET, se debe realizar primero la conversión del tipo de la fila de datos para recuperar el campo de datos, IntegerValue. A continuación, se pasa como argumento al método String.Format. 138 <%# String.Format("{0:c}", ((DataRowView)Container.DataItem)["IntegerValue"]) %> Esta sintaxis puede resultar compleja y difícil de recordar. En contraste, DataBinder.Eval es simplemente un método con tres argumentos: el contenedor que da nombre al elemento de datos, el nombre del campo de datos y una cadena de formato. En una lista con plantillas, como DataList, DataGrid o Repeater, el contenedor que da nombre es siempre Container.DataItem. Page es otro contenedor de nombres que se puede utilizar con DataBinder.Eval. <%# DataBinder.Eval(Container.DataItem, "IntegerValue", "{0:c}") %> MODIFICACIÓN DE ELEMENTOS Simplemente hay que generar un EditCommandColumn. 139 OnPageIndexChanged="DataGrid1_PageIndexChanged" OnEditCommand="DataGrid1_Edit" OnCancelCommand="DataGrid1_Cancel" OnUpdateCommand="DataGrid1_Update"> 140 Puesto que se ha generado un EditCommandColumn se puede suprimir el HyperLinkColumn: Y también el ButtonColumn: Porque EditCommandColumn agregará uno automáticamente. Sólo BoundColumns cambiará a campos modificables. El resto, como TemplateColumns, mantendrá su interfaz original. Hay que asegurarse de que las columnas que va a modificar el usuario sean BoundColumns. Métodos para controlar Actualizar y Cancelar: public void DataGrid1_Editar(object obj, DataGridCommandEventArgs e) { DataGrid1.EditItemIndex = (int)e.Item.ItemIndex; DataGrid1.DataBind(); } public void DataGrid1_Update(object obj, DataGridCommandEventArgs e) { //Realizar actualizaciones DataGrid1.DataBind(); } public void DataGrid1_Cancel(object obj, DataGridCommandEventArgs e) { DataGrid1.EditItemIndex = −1; DataGrid1.DataBind(); 141 } Ver tema8/dataG.aspx ORDENAMIENTO Cuando activas el ordenamiento, de forma predeterminada el DataGrid convierte todos los encabezados en un LinkButton en el que los usuarios pueden hacer clic para ordenar en base a esa columna. Hay que generar un mecanismo de ordenamiento, pero asp.net da los fundamentos. También se puede especificar un ordenamiento personalizado, en el que se defina las columnas por las que el usuario puede ordenar. Cuando la propiedad AllowSorting de DataGrid se establece en true, procesa hipervínculos para los encabezados de columna que desencadenan un comando Sort de nuevo en la cuadrícula. La propiedad OnSortCommand de DataGrid se establece en el controlador al que se desea llamar cuando el usuario hace clic en un vínculo de columna. El nombre de la columna se pasa como una propiedad SortExpression en el argumento DataGridSortCommandEventArgs, que se puede utilizar para establecer la propiedad Sort del enlace DataView en la cuadrícula. Ejemplo: <%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.OleDb" %> <%@ Page Language="C#" Debug="true" %> <script runat="server"> OleDbConnection myConnection; protected void Page_Load(Object sender, EventArgs e) { myConnection = new OleDbConnection("Provider= Microsoft.Jet.OLEDB.4.0;" + "Data Source=C:\\Inetpub\\wwwroot\\bancario.mdb"); if (!IsPostBack) BindGrid("IDUsuario"); // La primera vez aparece ordenado por IDUsuario } protected void MyDataGrid_Sort(Object sender, DataGridSortCommandEventArgs e) { BindGrid(e.SortExpression); 142 //Llama al método BindGrid y le dice por que columna ordenamos } public void BindGrid(String sortfield) //recibe la columna por la que ordenar { OleDbDataAdapter myCommand = new OleDbDataAdapter("SELECT * FROM tblUsuarios;", myConnection); DataSet ds = new DataSet(); myCommand.Fill(ds, "tblUsuarios"); DataView Source = ds.Tables["tblUsuarios"].DefaultView; //genera una vista de datos Source.Sort = sortfield; //establece la propiedad Sort a sortfield (ordena por campo) MyDataGrid.DataSource=Source; MyDataGrid.DataBind(); } Ordenar datos en un control DataGrid Font−Size="8pt" HeaderStyle−BackColor="#aaaadd" AllowSorting="true" /> Ver tema8/OrdenDataGrid.aspx PAGINACIÓN El DataGrid puede dividir los datos en varias páginas si hay demasiados registros para mostrarlos en una sola. Asp.net dividirá los datos en las páginas que le indiquemos y creará botones para pasar de una a otra. Usaremos la propiedad CurrentPageIndex del DataGrid para determinar cuál página deberá mostrarse. Cuando el usuario haga clic en un botón para ir a la siguiente página, todos los datos serán generados y el proceso se repetirá. Para activar la paginación hay que establecer AllowPaging=True (esto es verdadero de forma predeterminada), y la propiedad PageSize en la cantidad de registros que queremos mostrar a la vez. El estilo de los botones de paginación se obtiene mediante la propiedad PagerStyle. Los dos estilos integrados son los botones Siguiente y Anterior, y los números de página. <%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.OleDb" %> <%@ Page Language="C#" Debug="true" %> <script runat="server"> OleDbConnection myConnection; protected void Page_Load(Object sender, EventArgs e) { myConnection = new OleDbConnection("Provider= Microsoft.Jet.OLEDB.4.0;" + "Data Source=C:\\Inetpub\\wwwroot\\bancario.mdb"); if (!IsPostBack) BindGrid("IDUsuario"); 144 } protected void MyDataGrid_Sort(Object sender, DataGridSortCommandEventArgs e) { BindGrid(e.SortExpression); } public void BindGrid(String sortfield) { OleDbDataAdapter myCommand = new OleDbDataAdapter("SELECT * FROM tblUsuarios;", myConnection); DataSet ds = new DataSet(); myCommand.Fill(ds, "tblUsuarios"); DataView Source = ds.Tables["tblUsuarios"].DefaultView; Source.Sort = sortfield; MyDataGrid.DataSource=Source; MyDataGrid.DataBind(); } public void MyDataGrid_PageIndexChanged(Object obj,DataGridPageChangedEventArgs e) { MyDataGrid.CurrentPageIndex = e.NewPageIndex; //MyDataGrid.DataBind(); BindGrid("IDUsuario"); } Ordenar datos en un control DataGrid Width="700" BackColor="#ccccff" BorderColor="black" ShowFooter="false" CellPadding=3 CellSpacing="0" Font−Name="Verdana" Font−Size="8pt" HeaderStyle−BackColor="#aaaadd" AllowSorting="true" AllowPaging="true" PageSize=3 PagerStyle−Mode=NumericPages //NextPrev PagerStyle−PageButtonCount = 2 OnPageIndexChanged="MyDataGrid_PageIndexChanged"/> Ver tema8/OrdenDataGrid1.aspx PREGUNTAS PARA ENTREGAR EN PAPEL • ¿Qué espacios de nombres deberás importar para usar los mecanismos de datos en las páginas asp.net? • Verdadero o falso: El DataSet puede contener varias tablass. • ¿Cuáles son las tres colecciones del DataSet y qué hacen? • ¿Cuál es la sintaxis para expresiones enlazadas a datos? • ¿El control DataList admite paginación? • ¿Cuáles son las dos propiedades de un DataGrid que debes especificar para activar la ordenación y la paginación, respectivamente? TEMA 9: COMUNICACIÓN CON ADO.NET ADO.NET Y XML 146 XML es una herramienta muy útil para la distribución de datos. Está totalmente basado en texto, lo que significa que las personas lo pueden escribir y leer fácilmente y puede transportarse según las medidas de seguridad establecidas en internet. XML almacena los datos proporcionando una representación jerárquica de campos y sus datos. ADO.Net utliza XML en todos los intercambios de datos y para la representación interna de los datos. Tan pronto como salen los datos de una base de datos, se representan en XML y se envían a donde los necesite. EL MODELO DE OBJETOS ADO.NET ADO.Net consta de dos partes clave: el DataSet y los proveedores administrados. Los proveedores administrados fungen como una capa de comunicación entre un DataSet y un almacén de datos. Proporcionan los mecanismos de conexión, acceso, manejo y recuperación de información de cualquier almacén de datos compatible con OLEDB. OLE DB y SQL. UNA REVISIÓN DEL DATASET El DataSet está desconectado. Cada usuario recibe su propia copia de los datos para hacer con ellos lo que quiera. Las modificaciones hechas al DataSet NO se reflejan en el origen de datos. Cualquier modificación deberá ser enviada explícitamente al origen de datos. MODIFICACIÓN DE DATOS EN UN DATAROW El DataSet almacena los datos de forma similar a una base de datos, contiene tablass, columnas y filas. Se manipularán los datos con instrucciones sql que modifican más de un registro a la vez, pero habrá ocasiones en que tendremos que tener un control más directo de cada fila. El objeto DataRow representa una fila de datos del DataTable. Se puede modificar directamente el contenido de cada DataRow. La propiedad RowState indica la condición de la fila: Detached, Unchanged, New, Deleted y Modified. El primero significa que la fila se ha generado, pero que no es parte de ningún RowsCollection en un DataSet. Los últimos cuatro indican que la fila no ha sido modificada, que es nueva, que se ha eliminado y que se ha modificado, respectivamente. Como parte del RowState, un DataTable conserva tres versiones de cada fila: original, actual y propuesta. El DataTable utiliza estas versiones para determinar el RowState. La versión original es la fila cuando se agregó al DataTable. La versión actual es la fila modificada. La versión propuesta existe bajo una condición especial: cuando se ejecuta el método BeginEdit en la fila. El método BeginEdit se utiliza para realizar varias modificaciones a las filas sin tener que aplicar reglas de validación. Por ejemplo, si tiene un grupo de filas que deberán sumar el total de algún valor, se pueden poner en modo de edición y manejar los valores sin tenter que preocuparse por lo que tendrán que sumar. La fila se quita del modo de edición y se aplican las reglas de validación cuando se ejecuta el método EndEdit o AcceptChanges. El valor original (del origen de datos) se va al DataSet cuando se ejecuta el método Fill. Si haces cualquier modificación al valor, se convierte en el actual. Entonces se puede regresar al valor original, actualizar el almacén de datos con el valor actual, o ir al modo edición. En este modo se pueden aceptar las modificaciones y actualizar el almacén de datos, o cancelar las modificaciones y regresar al valor original o a las versiones 147 actuales. Pueden ocurrir errores, cada error se almacena en la propiedad RowError del DataRow como una cadena. Se pueden obtener todos los errores ejecutando el método GetErrors, que devuelve una matriz de DataRows. Si hay algún error, no se realizarán las actualizaciones al origen de datos. El DataRow tiene dos métodos: Delete y Remove. Delete destruye totalmente la fila y sus datos y ya no se puede acceder a ellos. Remove suprime la fila del DataTable para que los datos no puedan ser accedidos por el programa. El origen de datos real no se modifica. RejectChanges deshace las modificaciones realizadas desde que se cargó la fila o desde la última vez que ejecutó AcceptChanges. Ejemplo: myConnection = new OleDbConnection("Provider= Microsoft.Jet.OLEDB.4.0;" + "Data Source=C:\\Inetpub\\wwwroot\\bancario.mdb"); OleDbDataAdapter myCommand = new OleDbDataAdapter("SELECT * FROM tblUsuarios;", myConnection); DataSet ds = new DataSet(); myCommand.Fill(ds, "tblUsuarios"); ds.Tables[tblUsuarios2].Rows[0][Nombre]=David; //hacemos otras cosas ds.Tables[tblUsuarios2].Rows[0].RejectChanges; TEMA 10: USO DE XML EN ASP.NET INTRODUCCIÓN A XML XML (Lenguaje de Marcado Extensible) es un formato basado en texto para describir datos. Incluye nuevas formas de distribuir datos a aplicaciones propias de Web, lo que permite que casi cualquier tipo de dato se envíe a cualquier lugar. ?xml version="1.0" encoding="ISO−8859−1" ?> El cuento de la sirvienta 19.95 Margaret 148 Atwood La biblia del bosque de los venenos 11.99 Bárbara Kingsolver Aníbal 27.95 Richard Harris El péndulo de Focault 22.95 Umberto Eco 149 Esquema: 150 ACCESO A XML MEDIANTE ASP.NET El acceso a XML es muy similar al acceso a una base de datos mediante ADO.NET. Dos de los objetos más sencillos XMLTextReader y XMLTextWriter en el espacio de nombres System.XML. COMO LEER XML El XMLTextReader es similar a un OleDBDataReader en el sentido que provee un acceso sólo hacia delante. Para abrir un archivo XML, simplemente hay que generar un XMLTextReader y pasarle el nombre del archivo XML. Si generamos un archivo LectorXML.aspx y lo colocamos en la misma carpeta que el archivo XML: Dim lector as New XMLTextReader (nombreDelArchivoYSuRutaDeAcceso) XMLTextReader lector = new XMLTextReader (C:\miCarpeta\archivo.xml) Para acceder a los datos: Do While (lector.Read()) Hacer algo con los datos Loop El método Read avanza automáticamente por el archivo XML siempre que se ejecuta. Hay que cerrar el lector cuando se termina. <%@ Page Language="VB" %> <%@ Import Namespace="System.Xml" %> <script runat=server> 151 Sub Page_Load(obj As object, e As eventargs) Dim lector As XmlTextReader Dim i As integer Try lector = new XmlTextReader(Server.MapPath ("libros.xml")) While lector.Read() Select Case lector.NodeType Case XMLNodeType.Element If lector.HasAttributes Then For i = 0 To lector.AttributeCount − 1 Response.Write(lector.GetAttribute(i) & " ") Next Response.Write(" ") End if Case XMLNodeType.Text Response.Write(lector.Value & " ") End Select End While Catch ex As Exception Response.Write("Error al acceder el archivo XML.") Finally lector.Close End Try End Sub 152 <%@ Page Language="VB" %> <%@ Import Namespace="System.Xml" %> <script runat=server> Sub Page_Load(obj As object, e As eventargs) Dim lector As XmlTextReader Try lector = new XmlTextReader(Server.MapPath ("libros.xml")) While lector.Read() Response.Write("" & lector.Name & " " & lector.Value & " ") End While Catch ex As Exception Response.Write("Error al acceder el archivo XML.") Finally lector.Close End Try End Sub XMLTextReader tiene la propiedad NodeTyper que indica el tipo de dato que se está buscando: XMLNodeType.All = todos los nodos XMLNodeType.Element= Un elemento XMLNodeType.Document= El nodo principal ESCRITURA DE XML El objeto XmlTextWriter ofrece el método Write. 153 <%@ Page Language="VB" %> <%@ Import Namespace="System.Xml" %> <script runat=server> Sub Page_Load(obj As object, e As eventargs) Dim escritor As XMLTextWriter Se declara un escritor Try escritor = new XMLTextWriter(Server.MapPath ("libros2.xml"), Nothing) Se instancia el escritor, el segundo parámetro es la codificación (predeterminada UTF−8). Si hay un archivo con el mismo nombre lo sobrescribe. escritor.WriteStartDocument escritor.Formatting = Formatting.Indented Indica que sangre el archivo escritor.Indentation = 3 Que use 3 espacios para el sangrado escritor.WriteStartElement("libreria") Empieza la generación de datos.Abre la etiqueta de elemento escritor.WriteStartElement("libro") escritor.WriteAttributeString("genero", "historia") Genera atributo escritor.WriteAttributeString("estilo", "cubierta dura") escritor.WriteElementString("titulo", "Vietnam") Encapsula la funcionalidad de inicio y fin de los elementos simples.Produce el resultado: Vietnam escritor.WriteStartElement("autor") escritor.WriteElementString("nombre", "Michael") escritor.WriteElementString("apellido", "Avery") escritor.WriteEndElement() escritor.WriteElementString("precio", "6.99") escritor.WriteEndElement() Cierra la etiqueta de elementos escritor.WriteEndElement() escritor.Flush Vacía el contenido Catch ex As Exception 154 Response.Write("Error al acceder el archivo XML.") Finally escritor.Close Response.Write("Proceso finalizado.") End Try End Sub Apertura de un archivo XML con XMLDocument e iteración a través del archivo con XMLNodes <%@ Page Language="VB" %> <%@ Import Namespace="System.Xml" %> <script runat=server> private i As integer private strResultado As string = "" Sub Page_Load(obj As object, e As eventargs) Dim xmldoc As new XMLDocument() Genera un XMLDocument Try xmldoc.Load(Server.MapPath("libros.xml")) Carga los datos del archivo XML MostrarJerarquia(xmldoc.DocumentElement) Itera por los nodos y muestra los datos. DocumentElement devuelve el primer elemento. Es el punto de inicio para que itere por el archivo. Catch ex As Exception strResultado = "Error al acceder el archivo XML." End Try resultado.Text = strResultado End Sub Sub MostrarJerarquia(nodo As XMLNode) 155 Dim atribnodo As XmlNode Dim acot As XmlNamedNodeMap Representa colección de atributos de cada nodo If Not(nodo.HasChildNodes) strResultado += "  " & nodo.Name & " <" & _ nodo.Value & "> " & vbcrlf Else strResultado += "" & nodo.Name & "" If nodo.NodeType = XmlNodeType.Element Then acot = nodo.Attributes For Each atribnodo In acot strResultado += " " & atribnodo.Name & " <" & _ atribnodo.Value & "> " & vbcrlf Next End If strResultado +=" " End If If nodo.HasChildNodes then nodo = nodo.FirstChild While Not IsNothing(nodo) MostrarJerarquia(nodo) nodo = nodo.NextSibling Itera por los nodos secundarios de cada nodo End while End if End Sub 156 MODIFICACIÓN DE DATOS XML Para agregar elementos: CreateComment, CreateAttribute, CreateNode, etc. Cargamos un archivo XML y adjuntamos un nuevo nodo libro. <%@ Page Language="VB" %> <%@ Import Namespace="System.Xml" %> <script runat=server> Sub Page_Load(obj As object, e As eventargs) Dim xmldoc As new XMLDocument() Dim strResultado As String = "" Try xmldoc.Load(Server.MapPath("libros.xml")) Dim eleLibro As XmlElement = xmldoc.CreateElement ("libro") Dim attEstilo As XmlAttribute = xmldoc.CreateAttribute ("estilo") eleLibro.SetAttributeNode(attEstilo) eleLibro.SetAttribute("estilo", "cubierta dura") Dim root As XmlElement = xmldoc.Item("librería") root.AppendChild(eleLibro) Obtiene el elemento principal, librería, para que pueda agregarse el nuevo elemento libro. xmldoc.Save(Server.MapPath("libros.xml")) Para guardar los cambios Catch ex As Exception strResultado = "Error al acceder el archivo XML." End Try resultado.Text = "Se terminó adecuadamente la operación de adición." End Sub 157 TEMA 11: LECTURA Y ESCRITURA DE ARCHIVOS EN EL SERVIDOR WEB USO DE ARCHIVOS CON ASP.NET Asp.net permite acceder a todo el sistema de archivos del servidor. INCLUSIÓN DE ARCHIVOS EXTERNOS DESDE EL SERVIDOR Un archivo incluído desde el servidor es una forma de separar código de una página. Ejemplo: Encabezado.aspx Principal Finalizar sesión Página: <script lenguaje=c# runat=server> public void Page_Load(object obj, EventArgs e) { //hacemos algo } ¡Hola a todos! Asp.net inserta el contenido de Encabezado.aspx antes de procesar cualquier comando. OLEDB sources (SQL Server 6.5) OLE DB .NET 158 Data Provider DataSet SQL Server .NET Data Provider SQL Server 7.0 (y posterior) 159 × Report "ASP (Active Server Pages)" Your name Email Reason -Select Reason- Pornographic Defamatory Illegal/Unlawful Spam Other Terms Of Service Violation File a copyright complaint Description Close Send About Us Privacy Policy Terms and Conditions Copyright Contact Us Get in touch Get monthly updates Submit Social © Copyright 2013 - 2024 MYDOKUMENT.COM - All rights reserved.