cliente ligero en.net tema 4 – asp.net dr. diego

Cliente Ligero en .NETTema 4 – ASP.NET

http://paginaspersonales.deusto.es/dipina/MasterISW/

Dr. Diego Lz. de Ipiña Gz. de Artazahttp://paginaspersonales.deusto.es/dipina (Personal)

http://www.morelab.deusto.es (Research Group)http://www.smartlab.deusto.es (Research Lab)

http://www.ctme.deusto.es (Cátedra de Telefónica Móviles)http://www.tecnologico.deusto.es (Tecnológico-Fundación Deusto)

2/126

ASP.NET

Sucesor de Microsoft a la popular plataforma ASP para el desarrollo de aplicaciones web

Configuración: Atención: Si no funciona, re-registrar ASP.NET bajo

IIS: aspnet_regiis.exe -i

3/126

Ejemplo HTML: simple.html

<html> <body> Hola mundo </body></html>

4/126

Ejemplo Petición HTTP

GET /simple.html HTTP/1.1Accept: */*Accept-Language: en-usAccept-Encoding: gzip, deflateIf-Modified-Since: Wed, 24 Oct 2001 14:12:36 GMTIf-None-Match: "50b0d3ee955cc11:a78"User-Agent: Mozilla/4.0.(compatible; MSIE.6.0; Windows NT

5.1)Host: www.wintellect.comConnection: Keep-Alive[blank line]

5/126

Ejemplo Respuesta HTTP

HTTP/1.1 200 OKServer: Microsoft-IIS/5.0Date: Wed, 24 Oct 2001 14:12:37 GMTContent-Type: text/htmlAccept-Ranges: bytesLast-Modified: Wed, 24 Oct 2001 14:00:53 GMTETag: "d02acf81975cc11:a78"Content-Length: 46[blank line]<html><body>Hola mundo</body></html>

6/126

ASP.NET vs. ASP

Active Server Pages (ASP) ofrecen un simple modelo de programación en el que se puede combinar código fuente y de marcado Provee una serie de objetos prefabricados como Request y Response

El código fuente se suele realizar normalmente con VBScript, popular con programadores Visual Basic. Este código se coloca entre los delimitadores ‘<%’ y ‘%>’

7/126

Ejemplo ASP<script language="VBScript" runat="server">function buildForm() firstName = Trim(Request.Form("firstName")) s = "" if firstName = "" then ' need a name... s = s & "What's Your First Name? " s = s & "<input type='text' name='firstName' />" s = s & "<input type='submit' />" else ' we know the user's name... s = s & "Hello, " & firstName & "!" end if buildForm = send function</script>

<html><head><title>Hello ASP App</title></head> <body> <h1>Hello ASP Application</h1> <form action='hello.asp' method='POST'> <%=buildForm()%> </form> </body></html>

8/126

ASP.NET

Los ficheros ASP.NET tienen extensión aspx. El código en un ASP.NET es muy similar al de

ASP con las siguientes diferencias: La lógica de la página está codificada en C# o VB.NET.

El código es compilado cuando la petición de la página es recibida y se cachea para ser reutilizada

La directiva <%@Import Namespace=“...”%> permite importar espacios de nombres y utilizar el poder de la framework .NET

9/126

Ejemplo ASP.NET

<%@ Page Language="C#"%><%@ Import Namespace="System.Web.UI"%>

<script runat="server">private string buildForm() { string firstName = this.Request.Form["firstName"]; if (firstName == null) firstName = ""; string s = ""; if (firstName.Trim() == "") { // need a name... s += "What's Your First Name? "; s += "<input type='text' name='firstName' />"; s += "<input type='submit' />"; } else { // we know the user's name... s += "Hello, " + this.Request.Form["firstName"] + "!"; } return s;}</script>

<html><head><title>Hello ASP.NET App</title></head> <body> <h1>Hello ASP.NET Application</h1> <form action='hello.aspx' method='POST'> <%=buildForm()%> </form> </body></html>

10/126

La clase System.Web.UI.Page

En el anterior listado encontramos la línea:string firstName = this.Request.Form[“firstName”]; El this en esta sentencia es una referencia a una instancia de System.Web.UI.Page, objeto que representa a una página ASP.NET

Los objetos Request y Response de ASP son ahora propiedades de la clase Page

El siguiente ejemplo muestra algunas de las propiedades de Request

11/126

Usando Page.Request y Page.Response I<%@ Page Language="C#" Debug="true"%><script runat="server">private void dumpProps() { // get Request and Response objects... HttpRequest req = this.Request; HttpResponse resp = this.Response;

// and use them... resp.Write("Request.FilePath: " + req.FilePath + "<br/>"); resp.Write("Request.PhysicalApplicationPath: " + req.PhysicalApplicationPath + "<br/>"); resp.Write("Request.HttpMethod: " + req.HttpMethod + "<br/>"); resp.Write("Request.UserAgent: " + req.UserAgent + "<br/>"); resp.Write("Request.UserHostAddress: " + req.UserHostAddress + "<br/>");}</script>

<html><head><title>Dump Page Properties</title></head> <body> <h1>Page Properties</h1> <% dumpProps(); %> </body></html>

12/126

Usando Page.Request y Page.Response II

13/126

Recuperando Datos de Formularios con Request

Propiedades: RequestType:

Usando GET recuperaríamos los datos de QueryString Control=Valor&Control=Valor

Usando POST de la propiedad Form Request.Form["Direccion"]

La propiedad Params incluye además de los datos de un formulario, las cookies y las variables del servidor

14/126

Formulario ASP.NET

Un elemento FORM en el que no aparece ni action ni method Estos atributos son substituidos por runat="server"

Indica que el motor ASP.NET debe procesar el contenido del formulario

Controles asp:TextBox, asp:Button y similares Los formularios ASP.NET facilitan el desarrollo de páginas

dinámicas Podemos acceder a los elementos del formulario directamente

(Nombre.Text), en vez de a través de QueryString o Params.

15/126

Ciclo de Vida del Objeto Page

Cuando una petición HTTP es recibida ASP.NET responde creando y devolviendo una página Este proceso genera varios eventos La clase Page contiene varios métodos heredados de System.Web.UI.Control que se pueden utilizar para manejar estos eventos:

OnInit inicialización requerida por la página OnLoad ejecuta acciones comunes a cada petición HTTP de un

página OnPreRender para hacer cualquier cosa antes que la página se

visualice OnUnload sirve para realizar tareas como desconectarse de una

base de datos cuando la página se descarga

16/126

Manejando Eventos de Página

<%@ Page Language="C#" Debug="true" %><script runat="server">

protected override void OnInit(EventArgs e) { base.OnInit(e); p("Init"); }protected override void OnLoad(EventArgs e) { base.OnLoad(e); p("Load"); }protected override void OnPreRender(EventArgs e) {base.OnPreRender(e);

p("PreRender");}

private void p(string s) { Message.InnerHtml += s + "<br>";}

</script><html><head><title>Hello Web Page</title></head><body><h1>Page Events...</h1><form action='pageevents.aspx' method='POST'> <span id="Message" runat="server" /> <p> <input type="submit" /> </p></form></body></html>

17/126

Creando un Directorio Virtual I

Creamos el directorio virtual ejemplosASP.NET:1. Hacemos doble click en Herramientas Administrativas

2. Doble click en Internet Information Services

18/126

Creando un Directorio Virtual II

Creamos el directorio virtual ejemplosASP.NET:3. Hacemos clic con el botón derecho del ratón en

Default Web Site y luego seleccionamos NewVirtual Directory

4. Seleccionamos el directorio donde vamos a dejar los fichero accesibles por el contexto ‘ejemplosASP.NET’

19/126

Web Forms y Server Controls

Un Web Form es un formulario con el atributo runat="server" que hace que se procese en la parte servidora

Un Server Control es un control que también tiene el atributo runat="server"

Tanto los web forms como los server controls son procesados en el servidor y generan HTML y JavaScript que son enviados al navegador

20/126

Ejemplo Web Form I

<%@ Page Language="C#" Debug="true" %><script runat="server"> // greet the user...

private void greetHandler(object sender, EventArgs e) { firstNameTextBox.Text = firstNameTextBox.Text.Trim(); if (firstNameTextBox.Text == "") { // no name, so no greeting... greetingLabel.Text = ""; } else { // greet the user... greetingLabel.Text = "Hello, " + firstNameTextBox.Text + "!"; }

}</script>

21/126

Ejemplo Web Form II

<html><head><title>Hello Web Form</title></head><body> <h1>Hello Web Form</h1> <form action='helloform.aspx' method='POST' runat='server'> <asp:label text="What's Your First Name?"

runat="server"/> <asp:textbox id="firstNameTextBox" runat="server"/> <asp:button id="greetButton" text="Greet" OnClick="greetHandler" runat="server"/> <p><asp:label id="greetingLabel" runat="server"/></p> </form></body></html>

22/126

Ejemplo Web Form III

Puntos de interés: Declaración del formulario mediante <form … runat="server"/>

En vez de usar HTML usamos etiquetas asp como: <asp:control-type … runat="server"/>

Estas etiquetas corresponden a los controles de la parte servidora

Se transforman en HTML por ASP.NET

23/126

Ejemplo Web Form IV

24/126

Ejemplo Web Form V

Los controles del servidor preservan su valor a través de peticiones HTTP Lo hacen guardando las propiedades en un variable de nombre __VIEWSTATE

El valor de __VIEWSTATE es una cadena de caracteres codificada en base-64. Los controles generan eventos que pueden ser tratados por handlers. Por

ejemplo:<asp:button id=“greetButton” text=“Greet” OnClick=“greetHandler” runat=“server”/> El manejador de eventos tiene una firma similar al equivalente en Windows Forms:

private void greetHandler(object sender, EventArgs e) { …}

Podemos sobrescribir el método OnLoad y también usar el enfoque delegate:protected override void OnLoad(EventArgs e) {

base.OnLoad(e);// uso del delegate …greetButton.Click += new EventHandler(greetHandler);

}

25/126

Codificación Base 64

Subconjunto de 64 caracteres ASCII que permiten a grupos de 6 bits ser representados por un carácter

El proceso de codificación representa grupos de 24 bits de entrada (3 bytes de entrada) como un string de salida con 4 bytes de salida (2^6)

Referencia: http://en.wikipedia.org/wiki/Base64

26/126

System.Web.UI.WebControls y System.Web.UI.HtmlControls

El espacio de nombres System.Web.UI.WebControls define un montón de controles, entre ellos: Button Calendar CheckBoxList DataGrid DataList DropDownList Label Panel Etc.

En System.UI.HtmlControls se definen una serie de controles como HtmlAnchor y HtmlTable que definen una correspondencia uno-a-uno con la etiqueta HTML equivalente, p.e., HtmlAnchor y HtmlTable

27/126

System.Web.UI.WebControls y System.Web.UI.HtmlControls

Al insertar usando el Toolbox de Visual Studio.NET controles HTML obtenemos: <input type=“text”/> <input type=“checkbox”/> <input type=“button” value=“Button”/>

Al insertar web controls obtenemos: <asp:TextBox id=“TextBox1” runat=“server”> </asp:TextBox> <asp:CheckBox id=“CheckBox1” runat=“server”> </asp:CheckBox> <asp:Button id=“Button1” runat=“server”> </asp:Button>

28/126

Propiedades Interesantes de los WebControls

Estilo Visual Height y Width Backcolor y ForeColor BorderColor, BorderStyle y BorderWidth

Propiedades de comportamiento Enabled Visible AccessKey TabIndex ReadOnly

Generación de Eventos AutoPostBack

Indica si el control ha de producir automáticamente una nueva solicitud al servidor

29/126

Mantenimiento de Estado en Controles

La propiedad EnableViewState determina si un control ASP.NET debe mantener su estado entre solicitudes Su valor por defecto es True

El campo oculto __VIEWSTATE es el mecanismo utilizado por ASP.NET para conservar estado

30/126

Usando el Control Calendar

<%@ Page Language="C#" Debug="true" %><script runat=server>

private void dateHandler(object sender, EventArgs e) { myMessage.Text = "You selected " + myCalendar.SelectedDate.ToShortDateString(); }</script><html><head><title>Calendar ASP.NET App</title></head> <body> <h1>Calendar ASP.NET Application</h1> <form runat="server"> <asp:calendar id="myCalendar" onSelectionChanged="dateHandler" Font-Name="Verdana" Font-Size="8pt" Font-Bold="true" BorderColor="black" BackColor="Gainsboro" runat="server" /> <p> <asp:Label id="myMessage" Font-Name="Verdana" Font-Size="8pt" Font-Bold="true" runat="server" /> </p> </form> </body></html>

31/126

Usando el Control Calendar

32/126

Usando el Control DataGrid I

<%@ Page Language="C#" %><%@ Import Namespace="System.Data" %><%@ Import Namespace="System.Data.SqlClient" %><script runat="server">protected override void OnLoad(EventArgs e) {

base.OnLoad(e);

SqlConnection con = new SqlConnection("server=<server-name>;database=pubs;uid=sa;pwd=<password>");

SqlDataAdapter com = new SqlDataAdapter("select * from titles", con);

DataSet ds = new DataSet(); com.Fill(ds, "titles");

titlesGrid.DataSource=ds.Tables["titles"].DefaultView; titlesGrid.DataBind();}</script>

33/126

Usando el Control DataGrid II

<html><head><title>DataGrid ASP.NET App</title></head> <body> <h1>DataGrid ASP.NET Application</h1> <form runat="server"> <asp:dataGrid id="titlesGrid" BackColor="Gainsboro" BorderColor="black" CellPadding="10" CellSpacing="0" Font-Name="Verdana" Font-Size="8pt" Font-Bold="true" HeaderStyle-BackColor="lightGreen" EnableViewState="false" runat="server" /> </form> </body></html>

34/126

Usando el Control DataGrid III

<asp:dataGrid …/> visualiza el DataGrid en el formulario

Para cargar datos en el grid, usamos su propiedad DataSource y le asociamos datos invocando a DataBind()

DataGrid soporta paginamiento: PageSize indica el número de filas a visualizar por página AllowPaging sirve para visualizar botones Previous and Next

en la página

35/126

Usando el Control DataGrid III

36/126

Usando DataGrid IV

Una pregunta frecuente suele ser cómo añadir un hiperlink a una de las celdas de un DataGrid: http://msdn.microsoft.com/library/default.asp?url=/librar

y/en-us/vbcon/html/vbtskaddinghyperlinkcolumnstodatagridwebcontrol.asp

37/126

Usando DataGrid V<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false"

Inherits="DataGridWithHyperlink.WebForm1" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><HTML> <HEAD> <title >WebForm1</title> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"> <meta content="C#" name="CODE_LANGUAGE"> <meta content="JavaScript" name="vs_defaultClientScript"> <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"> </HEAD> <body MS_POSITIONING="GridLayout"> <form id="Form1" method="post" runat="server"> <asp:DataGrid id="DataGrid1" style="Z-INDEX: 101; LEFT: 192px; POSITION: absolute; TOP:

104px“ runat="server" DataSource="<%# TitlesDataSet %>" AutoGenerateColumns="False"> <Columns>

<asp:HyperLinkColumn DataTextField="title_id" HeaderText="title_id" NavigateUrl="http://paginaspersonales.deusto.es/dipina"></asp:HyperLinkColumn>

<asp:BoundColumn DataField="title" SortExpression="title" HeaderText="title"></asp:BoundColumn> <asp:BoundColumn DataField="type" SortExpression="type" HeaderText="type"></asp:BoundColumn> <asp:BoundColumn DataField="pub_id" SortExpression="pub_id" HeaderText="pub_id"></asp:BoundColumn> </Columns> </asp:DataGrid>

</form> </body></HTML>

38/126

Usando el control HtmlTable I<%@ Page Language="C#" Debug="true" %><%@ Import Namespace="System"%><%@ Import Namespace="System.Web.UI"%><script runat="server">protected override void OnLoad(EventArgs e) { base.OnLoad(e); int cellNum = 0; if (IsPostBack) { // falso cuando el formulario se crea por primera vez try { cellNum = Int32.Parse(cellTextBox.Text); } catch (Exception) { cellNum = 0; // don't highlight any cell } } int rows = 3, cols = 3, num = 0; for (int i = 0; i < rows; i++) { HtmlTableRow htmlRow = new HtmlTableRow(); for (int j = 0; j < cols; j++) { num++; HtmlTableCell htmlCell = new HtmlTableCell(); htmlCell.Controls.Add(new LiteralControl(num.ToString())); if (num == cellNum) htmlCell.BgColor="Yellow"; htmlRow.Cells.Add(htmlCell); } myTable.Rows.Add(htmlRow); }}</script>

39/126

Usando el control HtmlTable II

<html><head><title>HtmlTable Example</title></head><body> <h1>HtmlTable Example</h1> <form runat="server"> <table id="myTable" border="1" cellPadding="10" cellSpacing="1" runat="server" /> <p> Cell# <asp:textbox id="cellTextBox" columns="1" maxLength="1" runat="server"/> <br> <input type="submit" value="Highlight Cell" runat="server"> </p> </form></body></html>

40/126

Usando el control HtmlTable I

La propiedad de una página IsPostBack es falsa cuando un formulario se carga por primera vez

Obsérvese cómo programáticamente podemos ir creando la tabla: HtmlTable HtmlRow HtmlCell

41/126

Controles de Usuario

Podemos crear tres tipos de controles: Pagelets

Fragmentos de código HTML que pueden reutilizarse como si de componentes se tratara

Controles simples Derivados de System.Web.UI.Control

Controles compuestos Reutilizan uno o más controles ya existentes Los especializan

42/126

Creación de Pagelets

Es un conjunto de marcas HTML alojadas en un archivo independiente y que se pueden reutilizar Podemos personalizar ese contenido a través de propiedades

Se alojan en ficheros con extensión .ascx Contienen marcado:

<br/><p>Distributed.NET</p>

Tendremos que registrar este fragmento, le damos un nombre y le asociamos un prefijo, en todos los .aspx donde queramos utilizar este control<%@ Register TagPrefix="DN" TagName=“Firma“ Src=“Firma.ascx" %>

43/126

Creación de Pagelets

<%@ Register TagPrefix="DN" TagName= "Firma" Src= "Firma.ascx“ %>

Si en lugar de tener un archivo .ascx, tuviéramos un control alojado en un ensamblado, substituiríamos src por Assembly

Después podríamos incluir el pagelet en cualquier otra página utilizando:<DN:Firma id="Firma1" runat="server" ></DN:Firma>

runat="server" lo identifica como control del servidor, ASP.NET lo substituirá por el código asociado

44/126

Pagelets con propiedades

¿Cómo personalizar un pagelet? Tan sencillo como declarar variables públicas

Ejemplo:<script language="C#" runat="server"> public string BackgroundColor="white"; public int BorderWidth = 1; public string Text="Distributed.NET";</script><div style="clear; left; background-color: <

%=BackgroundColor%>; border: solid <%=BorderWidth%>px">

<p style="text-align: center"><%=Text%></p></div>

45/126

Pagelets con propiedades

A continuación incluiríamos el siguiente fragmento en el .aspx donde incluir esta cabecera<%@ Register TagPrefix="DN" TagName= "Cabecera" Src= "Cabecera.ascx" %>

Y en el código del .aspx podríamos crear entradas como:<DN:Cabecera id="Pie" runat="server" BorderWidth="3"

Text="Pie de página"></DN:Cabecera> Revisar ejemplo en examples\asp.net\SecurityExample

46/126

Creando Controles Web de Usuario con Pagelets

Permite encapsular dos o más elementos de interfaz en un control reusable Podemos incluso reutilizar formularios web en controles de

usuario Podemos ensamblar formularios agrupando componentes

personalizados reutilizables Pasos conversión web form -> user control:

Guardar el formulario con extensión .ascx Eliminar todas las sentencias <html>, <head>, <title>, <body> o <form>

47/126

Usercolor.ascx I



<script language="C#" runat="server">

public string Color { get { if (colorTextBox.Text == "") return "white"; return colorTextBox.Text; } }

public bool Visible { get { return colorPanel.Visible; } set { colorPanel.Visible = value; } }</script>

48/126

Usercolor.ascx II

<asp:panel id="colorPanel" visible="false" runat="server"> <asp:label Font-Name="Verdana" Font-Size="7pt" text="Color : " runat="server"/> <asp:textbox Font-Name="Verdana" Font-Size="7pt" columns="10" id="colorTextBox" runat="server"/></asp:panel>

49/126

Usercolor.ascx III

Este control está compuesto de una label y una textbox, contenidas dentro de un Panel.

Definimos dos propiedades públicas para el control: Color y Visible.

Para localizar el control en un formulario debemos incluir:<%@ Page Language="C#" Debug="true" %><%@ Register TagPrefix="userColors" TagName="userColor" Src="usercolor.ascx" %>

Para usar el control hacemos:<userColors:userColor id="userColorControl" runat="server"/>

50/126

Colorform.aspx I<%@ Page Language="C#" Debug="true" %><%@ Register TagPrefix="userColors" TagName="userColor" Src="usercolor.ascx" %><script runat="server"> protected override void OnLoad(EventArgs e) { base.OnLoad(e); body.Attributes["bgcolor"] = userColorControl.Color; userColorControl.Visible = !userColorControl.Visible; }</script><html><head><title>The UserColor Control</title></head> <body id="body" runat="server"> <h1>The UserColor Control</h1> <form runat='server'> <userColors:userColor id="userColorControl" runat="server"/> <p> This form uses the UserColor user control. When you submit the form the selected color will be used to set the page's background color. </p> <asp:button text="Submit" Font-Name="Verdana" Font-Size="7pt" BorderColor="black" type="submit" runat="server"/> </form> </body></html>

51/126

Colorform.aspx II

52/126

Custom Controls

Se diferencian de los controles de usuario en que su código se aloja ya compilado en un ensamblado de tipo DLL

Usamos la opción de proyecto Web Control Library de Visual Studio.NET para crear un WebControlLibrary1

A continuación añadimos el proyecto WebApplicationUsingCustomControl

Podemos utilizar la paleta de controles para añadir el custom control creado

Lo mejor es heredar nuestros controles de clases que derivan de System.Web.UI.Control como System.Web.UI.WebControls.WebControl

53/126

Custom Control Cabecera de nuevo

Podemos o bien reimplementar el método Render() de WebControl que renderiza el contenido de un control

O mejor redefinir los métodos: AddAttributesToRender() agrega nuevos

contenidos y atributos RenderContents() invoca a la implementación

base de Render

54/126

Creando un Control Compuesto con Código

No genera su interfaz, se basa en otros controles ya existentes

Los controles se añaden al control de usuario en el método CreateChildControls()

55/126

Creando un Control Compuesto con Código

public class WebCustomControl1 : Control, INamingContainer{ private TextBox euros, pesetas; protected override void CreateChildControls() { this.euros = new TextBox(); this.pesetas = new TextBox(); euros.Text = "0"; euros.AutoPostBack = true; euros.TextChanged += new EventHandler(Euros_TextChanged);

pesetas.Text = "0"; pesetas.AutoPostBack = true; pesetas.TextChanged += new EventHandler(Pesetas_TextChanged);

this.Controls.Add(this.euros); this.Controls.Add(new LiteralControl("€<br/>")); this.Controls.Add(this.pesetas); this.Controls.Add(new LiteralControl("Pts")); }

private void Euros_TextChanged(object sender, EventArgs e) { pesetas.Text = (Math.Round(Convert.ToDouble(euros.Text) * 166.386)).ToString(); }

private void Pesetas_TextChanged(object sender, EventArgs e) { euros.Text = (Math.Round(Convert.ToDouble(pesetas.Text) / 166.386)).ToString(); }}

56/126

Validando la Entrada de Datos

La plataforma Web Forms provee una selección de controles de validación que sirven para: Validar la entrada de datos Mostrar mensajes de error al usuario

Todos los controles de validación agregados a una página ASP.NET pasan a formar parte de la colección Validators, que es de sólo lectura ValidatorCollection es el tipo de la colección Los validadores derivan todos de BaseValidator

Para poner en marcha la validación se invoca el método Validate() de Page De manera directa A través de los controles con la propiedad CausesValidation

57/126

Validando la Entrada de Datos

Los controles de validación proporcionados son: RequiredFieldValidator CompareValidator compara una entrada con un valor o la

propiedad de otro control RangeValidator entrada en un rango de valores RegularExpressionValidator requiere que una entrada se

corresponda con una expresión regular CustomValidator validación propietaria codificada por usuario ValidationSummary muestra un resumen de errores de validación

para todos los controles de validación en una página

58/126

Validando la Edad I<%@ Page Language="C#" Debug="true" %>

<script runat="server"> private void ageHandler(object sender, EventArgs e) { if (IsValid) ageLabel.Text = "You are " + ageTextBox.Text + " years old."; else ageLabel.Text = "Please Enter Your Age."; }</script>

<html><head><title>Validating a User's Age</title></head><body> <form runat='server'>

<h1>Validating a User's Age</h1> <asp:label text="Age : " runat="server"/> <asp:textbox id="ageTextBox" columns="3" maxLength = "3" runat="server"/> <asp:button id="submitButton" text="Submit" onClick="ageHandler" runat="server"/> <p> <asp:label id="ageLabel" text="Please Enter Your Age." runat="server"/> </p>

59/126

Validando la Edad II

 <asp:requiredFieldValidator controlToValidate="ageTextBox" errorMessage="Age required" enableClientScript="true" display="static" runat=server /><br/>  <asp:regularExpressionValidator controlToValidate="ageTextBox" errorMessage="Age must be an integer" enableClientScript="true" display="static" validationExpression="^\d{1,3}$" runat="server" /><br/>  <asp:rangeValidator controlToValidate="ageTextBox" errorMessage="Age must be between 1 and 120 years" enableClientScript="true" display="static" type="Integer" minimumValue="1" maximumValue="120" runat="server" /> <hr/> </form></body></html>

60/126

Validando la Edad III

Los controles utilizados tienen las siguientes propiedades en común: controlToValidate especifica el control a validar

(ageTextBox) errorMessage el texto de error a visualizar enableClientScript genera JavaScript si el cliente lo

permite display los controles de validación son invisibles por defecto, static crea espacio para visualizar el error

Si cualquier validación es falsa asigna el valor false a IsValid.

61/126

Validaciones Complejas

Mediante RegularExpressionValidator y CustomValidator

RegularExpressionValidator tiene la propiedad ValidationExpression donde colocaremos una expresión regular

Podemos crear nuestra propia función de validación con CustomValidator Habrá que codificarla en JavaScript y añadirla como un elemento

script de HTML Propiedad esencial ClientValidationFunction

62/126

Validaciones Complejas

<script>//Función de validación a medidafunction VerificaMeses(source, arguments){ if (arguments.Value >= 6 && arguments.Value <=24 && arguments.Value%6 == 0) arguments.IsValid = true; else arguments.IsValid = false;}

63/126

Configurando y Customizando las aplicaciones ASP.NET I

ASP.NET provee un sistema de configuración jerárquico que permite a un administrador definir datos de configuración en los siguientes niveles a través del fichero Web.config: Aplicación Sitio Nivel de máquina

Dentro de ASP.NET se pueden especificar ficheros de configuración en subdirectorios

El sistema de configuración de ASP.NET es parte de la infraestructura de configuración global de .NET. Para configurar: http://server/app/dir/page.aspx, se aplican las configuraciones en el siguiente orden: C:\WINNT\Microsoft.NET\Framework\<versión>\CONFIG\machine.config

para la máquina C:\Inetpub\wwwroot\web.config para el sitio C:\app\web.config configuraciones específicas de la aplicación C:\app\dir\web.config configuraciones específicas del subdirectorio

64/126

Configurando y Customizando las aplicaciones ASP.NET II

Las siguientes configuraciones son posibles: Instalación de manejadores de HTTP ISAPI Implementar seguridad y login Especificar timeout de sesión Soportar LOCALEs alternativos Configurar el debugeo de aplicaciones

65/126

Creando un Módulo HTTP Propietario I

Antes de que una petición sea procesada por un ASP.NET es posible “pre-procesarla” por medio de un módulo HTTP

Para crear un módulo HTTP propietario lo siguiente es necesario: Crear una clase que implemente los métodos definidos por la interfaz IHttpModule, compilarla

y dejarla en el directorio bin de la aplicación web: Init: recibe como argumento un HttpApplication que define los siguientes eventos:

BeginRequest AcquireRequestState EndRequest

Dispose: se puede eliminar información aquí Para instalarlo hay que añadir una entrada a la sección httpmodules al web.config:

<configuration> <system.web> <httpModules> <add name="Request Counter Module"

type="CustHttpModules.RequestCounterModule, custhttpmodules"/> </httpModules>

</system.web></configuration>

66/126

Creando un Módulo HTTP Propietario II

// file : custhttpmodules.cs// compile : csc /t:library custhttpmodules.csusing System;using System.Web;using System.Web.SessionState;namespace CustHttpModules { public class RequestCounterModule : IHttpModule { public void Init(HttpApplication ha) { ha.AcquireRequestState += new EventHandler(gotState); } public void Dispose() { // perform any necessary cleanup here } private void gotState(object sender, EventArgs e) { HttpApplication ha = (HttpApplication)sender; HttpSessionState s = ha.Session;

if (s["numRequests"] == null) { s["numRequests"] = 1; } else { int numRequests = (int)s["numRequests"]; s["numRequests"] = ++numRequests; } } }}

67/126

Creando un Módulo HTTP Propietario III<%@ Page Language="C#" Debug="true"%><script runat="server"> private void dumpReqs() { string s = "Number of Requests: " + Session["numRequests"]; Response.Write(s); }</script>

<html><head><title>HTTP Request Count</title></head> <body> <h1>HTTP Request Count</h1> <% dumpReqs(); %> </body></html>

68/126

Creando un Módulo HTTP Propietario IV

69/126

Creando un Manejador HTTP I

A diferencia de un módulo HTTP, un HTTP handler está diseñado para procesar la petición completamente, y devolver un resultado al navegador

Información extra sobre HTTP Modules y Handlers puede encontrarse en: http://support.microsoft.com/default.aspx?scid=kb;EN-US;307985#2

Necesario crear una clase que implementa la interfaz IHttpHander Para instalar el HttpHandler usar las siguientes sentencias en el web.config:

<configuration> <system.web> <httpHandlers> <add verb="*" path="hellohandler.aspx"

type="CustomHttpHandlers.HelloHandler, custhttphandlers" /> </httpHandlers> </system.web></configuration>

70/126

Creando un Manejador HTTP II

// file : custhttphandlers.cs// compile : csc /t:library custhttphandlers.csusing System.Web;namespace CustomHttpHandlers { public class HelloHandler : IHttpHandler {

public void ProcessRequest(HttpContext hc) { hc.Response.Write("Hello, World!"); }

public bool IsReusable { get { return true; } } }}

71/126

Creando un Manejador HTTP III

72/126

Haciendo Debugging de Aplicaciones ASP.NET

Para encontrar problemas en el código de un ASP.NET, éste ofrece dos niveles de testeo: Page-level tracing

Utiliza la siguiente directiva: <%@ Page Language=“C#” Trace=“true”%>

Para insertar tus propios fragmentos de trace usar las sentencias: Trace.Write y Trace.Warn

Application-level tracing, modificando web.config

73/126

Tracing a Nivel de Página I

<%@ Page Language="C#" Trace="True" %><script runat="server"> // greet the user... private void greetHandler(object sender, EventArgs e) {

Trace.Warn("*** Entering greetHandler ***");

firstNameTextBox.Text = firstNameTextBox.Text.Trim();

Trace.Warn("*** First Name = '" + firstNameTextBox.Text + "' ***");

if (firstNameTextBox.Text == "") { // no name, so no greeting... greetingLabel.Text = ""; Trace.Warn("*** No greeting ***"); } else { // greet the user... greetingLabel.Text = "Hello, " + firstNameTextBox.Text + "!"; } Trace.Warn("*** Greeting = '" + greetingLabel.Text + "' ***"); }</script>

74/126

Tracing a Nivel de Página II

<html><head><title>Hello Web Form</title></head><body> <h1>Hello Web Form</h1> <form action='helloform.aspx' method='POST' runat='server'> <asp:label text="What's Your First Name?"

runat="server"/> <asp:textbox id="firstNameTextBox" runat="server"/> <asp:button id="greetButton" text="Greet" OnClick="greetHandler" runat="server"/> <p><asp:label id="greetingLabel" runat="server"/></p> </form></body></html>

75/126

Tracing a Nivel de Página III

76/126

Tracing a Nivel de Aplicación I

<configuration> <system.web> <trace enabled="true" localOnly="true“ pageOutput="false“ requestLimit="10“ traceMode="SortByTime"/>

</system.web></configuration> enabled para activar/desactivar el tracing localOnly hacer tracing sólo en localhost pageOutput true si se pone la información de debugging al final de cada página, o en

false en el fichero trace.axd requestLimit cuántos traces de peticiones a guardar traceMode si se ordenan por tiempo (SortByTime) o categoría (SortByCategory)

77/126

Objetos principales de una aplicación ASP.NET

Response (HttpResponse) Write() WriteFile() BinaryWrite() Redirect()

Request (HttpRequest) Request y Response tienen la propiedad Cookies que es una colección QueryString ServerVariables Files ficheros enviados desde el cliente (file uploads) BinaryRead() SaveAs()

Application (HttpApplicationState) Session (HttpSession)

78/126

Estado de Aplicación en Global.Asax

Los objetos de aplicación son compartidos por todas las sesiones y viven la duración completa de una aplicación Se crean e inicializan en el fichero global.asax

La principal ventaja de los objetos a nivel de aplicación es que una vez que ocurre la primera petición, todas las aplicaciones tienen acceso al objeto

Como puede haber acceso concurrente a los datos, si hay necesidad de cambiarlos hay que usar Locks:Application.Lock();Application[“someVar”] = someVal;Application.UnLock();

79/126

Global.Asax

<%@ Import Namespace="System.Data" %><%@ Import Namespace="System.Data.SqlClient" %>

<script language="C#" runat="server">

// global.asax methods...

private void Application_Start(object sender, EventArgs e) {

SqlConnection con =new SqlConnection("server=<server-name>;database=pubs;uid=sa;pwd=<password>");

string sql; SqlDataAdapter com; DataSet ds = new DataSet();

sql = "SELECT COUNT(*) from titles"; com = new SqlDataAdapter(sql, con); com.Fill(ds, "NumTitles"); Application["NumTitles"] = ds.Tables["NumTitles"].Rows[0][0];}</script>

80/126

dumpTitles.aspx I

<%@ Page Language="C#" Debug="true"%>

<script runat="server"> private void dumpTitles() { string s = "Num Titles: " + Application["NumTitles"] + "<br/>"; Response.Write(s); }</script>

<html><head><title>Application State</title></head> <body> <h1>Application State</h1> <% dumpTitles(); %> </body></html>

81/126

dumpTitles.aspx II

82/126

Gestionando la Sesión I

Session es una propiedad pública de System.Web.UI.Page y System.Web.Services.WebService

Guardamos y recuperamos estado de sesión como sigue:int numRequests = (int)Session[“numRequests”];...Session[“numRequests”] = ++numRequests;

Una sesión comienza cuando un usuario visita la aplicación y acaba cuando la sesión expira

83/126

Gestionando la Sesión II

<configuration> <system.web> <sessionState mode=“InProc” cookieless=“true” timeout=“20” stateConnectionString=“…” sqlConnectionString=“…”/> </system.web> </configuration> El significado de estos atributos es el siguiente:

mode Off para no permitir sesiones, InProc para guardar la información de sesión en el mismo proceso, StateServer remotamente o SqlServer en una BD

cookieless true para sesiones sin cookies, añadiría identificador de usuario a URL

timeout minutos que una sesión estará inactiva hasta que es abandonada stateConnectionString por ejemplo: 127.0.0.1:42424 sqlConnectionString el string de conexión de SQL Server

84/126

Ejemplo Redirect y Session

Login.aspx:void Page Load(object sender, EventArgs e) { if (IsPostBack) { Session[“Nombre”] = Nombre.Text; Session[“Dirección”] = Direccion.Text; Response.Redirect(“Confirmation.aspx”); }}

Confirmation.aspxvoid Page Load(object sender, EventArgs e) { Response.Write(“Activar subscripción ” +

Session[“Nombre”]);}

85/126

Vamos a crear una aplicación web que codifica strings a Base64

Lanza Visual Studio.NET y selecciona File|New|Project … Visual C# Projects ASP.NET Web Application Llama a la aplicación BAse64App

Automáticamente se crea un Directorio Virtual y se colocarán los ficheros en c:\InetPub\wwwroot\Base64App

Usando Visual Studio 2005

86/126

Visual Studio.NET separa el formulario web y el código detrás del formulario

Lo hace a través del atributo CodeBehind:<%@ Page language="c#" Codebehind="WebForm1.aspx.cs"

AutoEventWireup="false" Inherits="Base64App.WebForm1" %>

Usamos la ToolBox para generar un formulario como el que aparece en la siguiente figura

Crea un fichero de configuración especial denominado Web.config

Usando Visual Studio 2005

87/126

Usando Visual Studio.NET III

88/126

Usando Visual Studio.NET IV

private void EncodeButton_Click(object sender, System.EventArgs e){ if (base64TextBox.Text == "") { this.EncodedLabel.Text = ""; } else { System.Text.ASCIIEncoding ascii = new System.Text.ASCIIEncoding(); byte[] b = ascii.GetBytes((string)base64TextBox.Text); this.EncodedLabel.Text = "ENCODED: " + Convert.ToBase64String(b); }}

private void DecodeButton_Click(object sender, System.EventArgs e){ if (base64TextBox.Text == "") { this.DecodedLabel.Text = ""; } else { byte[] b = Convert.FromBase64String(base64TextBox.Text); System.Text.ASCIIEncoding ascii = new System.Text.ASCIIEncoding(); this.DecodedLabel.Text = "DECODED: " + ascii.GetString(b); }}

89/126

Usando Visual Studio.NET V

90/126

Creando Manualmente Formularios con Code Behind I

<%@ Page Language="C#" Inherits="BehindForm" Src="behindform.cs" %>

<html><head><title>Hello Web Form</title></head>

<body> <h1>Hello Web Form (Code-Behind Version)</h1> <form action='behindform.aspx' method='POST' runat='server'>

<asp:label text="What's Your First Name?" runat="server"/> <asp:textbox id="firstNameTextBox" runat="server"/> <asp:button id="greetButton" text="Greet" OnClick="greetHandler" runat="server"/> <p> <asp:label id="greetingLabel" runat="server"/> </p>

</form></body></html>

91/126

Creando Manualmente Formularios con Code Behind II

// file : behindform.csusing System;using System.Web.UI;using System.Web.UI.WebControls;

public class BehindForm : Page {

protected TextBox firstNameTextBox; protected Label greetingLabel;

// greet the user... protected void greetHandler(object sender, EventArgs e) {

firstNameTextBox.Text = firstNameTextBox.Text.Trim(); if (firstNameTextBox.Text == "") { // no name, so no greeting... greetingLabel.Text = ""; } else { // greet the user... greetingLabel.Text = "Hello, " + firstNameTextBox.Text + "!"; } }}

92/126

Creando Manualmente Formularios con Code Behind III

93/126

Creando gráficos “on-the-fly”

<%@ Page Language="C#" %><%@ Import Namespace="System.Drawing" %><%@ Import Namespace="System.Drawing.Imaging" %><script runat="server">

void Page_Load(object sender, EventArgs e) {

// Creamos el bitmap y obtenemos el objeto Graphics asociadoBitmap Grafico = new Bitmap(400, 200, PixelFormat.Format32bppRgb);Graphics Superficie = Graphics.FromImage(Grafico);

// Dibujamos un rectángulo, un óvalo y un texto sobre élSuperficie.FillRectangle(Brushes.Red, Superficie.ClipBounds);Superficie.FillEllipse(Brushes.Blue, 10, 10, 380, 180);Superficie.DrawString("Distributed.NET", new Font("Courier New", 18,

FontStyle.Italic|FontStyle.Bold), Brushes.White, 20, 80);

// Lo pasamos como respuestaGrafico.Save(Response.OutputStream, ImageFormat.Jpeg);

}</script>

94/126

Creando gráficos “on-the-fly”

95/126

Ejemplo ASP.NET con ADO.NET(Access)

// examples\ADOAccessASPXpublic class WebForm1 : System.Web.UI.Page{ private void Page_Load(object sender, System.EventArgs e) { OleDbConnection conexion = new

OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;"+"Data Source=F:\\Deusto\\Distributed.NET\\examples\\ado.net\\pubs.mdb");

OleDbCommand comando = new OleDbCommand("SELECT * FROM TITLES", conexion);

OleDbDataAdapter adaptador = new OleDbDataAdapter(comando); DataSet conjunto = new DataSet(); adaptador.Fill(conjunto, "Publicaciones"); Response.Write("Hay " + conjunto.Tables["Publicaciones"].Rows.Count + "

filas<br/>"); foreach (DataRow fila in conjunto.Tables["Publicaciones"].Rows) { Response.Write(fila["title_id"] + " - " + fila["title"] + "<br/>"); } }}

96/126

Componentes ASP específicos de Datos

Cualquier control puede tomar valores de un BBDD mediante la expresión:<asp:control propiedad='<%# expresion %>'><asp:control>

Otros controles más sofisticados tienen la propiedad DataBindings Vamos a extender el ejemplo anterior para rellenar una Label con

valores de una BBDD Es necesario invocar al método DataBind() de Page Colocar un Label con la ayuda de Visual Studio.NET y asociar a la

propiedad DataBindings, la expresión: Conjunto.Tables["Publicaciones"].Rows[0].["Titulo"]

97/126

Listas, cuadrículas y plantillas

Vamos a ver como asociar fuentes de datos a controles con capacidad para visualizar múltiples filas:

ListBox DropDownList CheckBoxList DataGrid Repeater DataList

A través de las propiedades DataSource y DataMember podemos asociar una tabla o vista

ListBox, DropDownList y CheckBoxList asocian los valores de una misma columna en distintas filas

Tienen las propiedades DataTextField y DataValueField Repeater y DataList se basan en la repetición de plantillas de elementos

<ItemTemplate><%# DataBinder.Eval(Container.DataItem, "Title") %></ItemTemplate>

98/126

Paginación

Los controles Repeater y DataList no ofrecen paginación de serie Se debe implementar bien manualmente o a través del

componente PagedDataSource El control DataGrid se apoya en PagedDataSource

para automatizar la paginación Dando True a AllowPaging activamos la paginación Debemos gestionar el evento PageIndexChanged, donde

asociaremos el DataGrid al origen de datos

99/126

Seguridad en ASP.NET

Intervienen 3 níveles: La comunicación entre un navegador y el motor ASP.NET se

produce a través de un servidor web, IIS El primer nivel de seguridad radica en el filtrado de peticiones que se

puede efectuar por el IIS El segundo escalón de seguridad es el impuesto por ASP.NET

La información de seguridad global y local se guarda en los ficheros Web.config

El tercer nivel de seguridad viene dado por NTFS

100/126

Configuración de IIS

Con la ayuda del inetmgr podemos configurar: Un sitio web completo Carpeta virtual asociada a una aplicación Una de sus subcarpetas Archivo individual

Normalmente tendremos marcada la opción “Acceso anónimo” Si queremos identificar individualmente a un usuario usaríamos

desactivaríamos el acceso anónimo Tendríamos “Autenticación de Windows Integrada” adecuada para intranets Podríamos seleccionar Autenticación Básica

Para instalar soporte de ASP.NET en IIS ejecutar el comando: aspnet_regiis -ir -enable

101/126

Configuración de IIS

102/126

Seguridad y NTFS

Una vez que IIS haya identificado adecuadamente al usuario, anónimo o específico, delegará a NTFS

La combinación de permisos asignados a un fichero, mediante el Explorador de Windows, junto con la identidad asignada al usuario que efectúa la solicitud por IIS determinará si el documento solicitado puede devolverse

Hasta este punto el motor ASP.NET no habrá intervenido.

103/126

El Archivo de Configuración Web.config

Para una app de uso en Intranet la configuración de IIS y autorización de acceso a los archivos será suficiente

Para acceso vía Internet es mejor configurar IIS con acceso anónimo y delegar la autenticación en ASP.NET

Muchos aspectos del funcionamiento de ASP.NET están establecidos en: Los varios ficheros Web.config Machine.config, sus parámetros afectan globalmente al

funcionamiento de ASP.NET

104/126

Configuración de Seguridad en Machine.config

En mi sistema este fichero se encuentra en: C:\WINDOWS\Microsoft.NET\Framework\v1.1.4322\CONFIG

Su contenido principal en cuanto a seguridad está dividido en tres apartados, que indicar cómo identificar usuarios, la representación del usuario y su autorización:<authentication mode="Windows"> <forms name=".ASPXAUTH" loginUrl="login.aspx" protection="All"

timeout="30" path="/" requireSSL="false" slidingExpiration="true"> <credentials passwordFormat="SHA1"> </credentials> </forms> <passport redirectUrl="internal"/></authentication><identity impersonate="false" userName="" password=""/><authorization> <allow users="*"/></authorization>

105/126

Métodos de Identificación

El elemento authentication establece el método de identificación que usará ASP.NET: None acceso abierto Windows ASP.NET utilizará la identificación integrada de

Windows Forms prescinde de la autorización de Windows y utiliza un

formulario web para identificar al usuario Passport ASP.NET utilizará el SDK de Windows Passport

106/126

Autorización de Acceso

Se configura a través del elemento authorization Por cada documento solicitado se comprobará una lista de

concesiones y negaciones representadas por los elementos allow y deny.

Cada elemento allow o deny consta de los tres atributos siguientes: users: enumerará los usuarios a los que se otorgo o deniega la

autorización de acceso roles: con este atributo se autoriza o deniega el acceso a perfiles,

grupos de usuarios representados por un nombre verbs: permite indicar el método de solicitud GET o POST

107/126

Representación del Usuario

Los atributos del elemento identity determinarán qué personalidad de qué usuario deberá tomar ASP.NET: impersonate: indica si ASP.NET (true) debe o NO

(false) debe representar al usuario userName: el nombre de la cuenta a usar password: la contraseña del userName

108/126

La interfaz IPrincipal

Cuando se produce la identificación de un usuario, ASP.NET crea un objeto que implementa Iprincipal

WindowsPrincipal y GenericPrincipal son dos implementaciones de esta interfaz

La interfaz IPrincipal expone dos miembros: Identity IsInRole

109/126

Ejemplo SecurityExample

Revisarlo en examples/SecurityExample Este ejemplo presenta al usuario un formulario de login y

le redirecciona a la página del portal cuando el login es correcto

Se han utilizado contraseñas en plano passwordFormat podría tener el formato MD5 y SHA1 Podríamos obtener sus valores a FormsAuthentication.PasswordForStoringInConfigFile()

110/126

Seguridad en ASP.NET

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnnetsec/html/secnetlpmsdn.asp

111/126

ASP.NET 2.0

Las novedades que proporciona son: Productividad del desarrollador

Nuevo controles Implementan patrones de uso comunes

Gestión y Administración Precompilación de páginas Mejor tolerancia a fallos

Rapidez y Rendimiento Mejores técnicas de caching

Para más detalles: http://www.asp.net/whidbey/whitepapers/AspNetOverview.aspx?tabindex=0&tabid=1

112/126

AJAX y ASP.NET

Revisar concepto AJAX

113/126

Novedades ASP.NET 2.0

Novedades en todas aquellas áreas comunes en toda aplicación web: Productividad

Nuevos controles

Flexibilidad y extensibilidad Rendimiento Securidad

114/126

Novedades ASP.NET 2.0

Objetivos: Incrementar la productividad Eliminar la complejidad Permitir que la construcción de páginas web sea mucho más

sencilla Mejoras:

Trabajando con datos Diseño de páginas consistente Seguridad y Personalización Nuevos controles

115/126

Trabajando con Datos

Nuevos controles de acceso a datos como SqlDataSource Nuevos controles web para visualizar datos: GridView,

DetailsView, FormView Soportan ordenación y paginado

Ejemplo sencillo que permite visualizar los datos de una BBDD en una tabla:<asp:SqlDataSource id="ds1" runat="server" ConnectionString="Server=.;Database=Northwind; Trusted_Connection=True" SelectCommand="SELECT CompanyName, Address, City, PostalCode, Country FROM Customers WHERE Country LIKE ' Brazil'" /><asp:GridView id="grid1" runat="server" DataSourceID="ds1"

/>

116/126

Diseño de Páginas Consistente

Páginas maestras: Permiten crear el formato de todas tus páginas como una sola plantilla y

luego insertar el contenido en cada página El webcontrol ContentPlaceHolder define una región de la página maestra

que puede substituirse con contenido de la página asociada En la página que usa el Maestro poner <%@ Page MasterPageFile="Site.master" %>

Dentro de la página usar elementos asp:Content Incluye cabeceras, imágenes menús y otro contenido que luego se puede

cambiar para modificar la apariencia de todo un portal Controles:

Controles Menu y TreeView para proveer un menú visible en la página SiteMapPath, indica la posición de la página actual entre la jerarquía de

páginas Otros controles: SiteMapDataSource e ImageMap Otros aspectos: temas, soporte para accesibilidad e

internacionalización Ejemplo: GridViewMasterDetailsInsert.aspx

117/126

Seguridad e Internacionalización

Control Login que visualiza el nombre de usuario y contraseña

Controles LoginName y LoginStatus visualizan el nombre y estado del usuario actual

Control PasswordRecovery visualiza un Asistente para recuperar la password de un usuario

Usa plantillas con el control LoginView para visualizar información dependiendo del estado del usario

Soporte para la personalización WebParts permiten crear bloques de UI reutilizables

118/126

Nuevos Controles

Tales como: HtmlHead, HtmlTitle, HtmlLink, HtmlPassword, HtmlInputReset y HtmlInputSubmit

FileUpload BulletedList HiddenField MultiView y View permiten hacer que partes de una

página se muestren o desaparezcan

119/126

Control GridView

El control GridView es un control de asociación de datos en ASP.NET 2.0 para renderizar datos en forma tabular Cada fila corresponde a un registro de datos y las columnas corresponden a los

campos del registro GridView es un reemplazo del control DataGrid de ASP.NET 1.x

Soporta las siguientes características: Asociando a controles de datos Capacidad de ordenamiento, actualización, paginado, selección de filas y borrado

integradas Acceso programático al GridView para cambiar sus propiedades y eventos Nuevos tipos de columnas como CheckBoxField e ImageField. Campos de datos múltiples para columnas con hipervínculo Campos clave múltiples para selección, actualización y borrado Apariencia personalizable a través de temas y estilos

120/126

Strings de Conexión

SqlDataSource referencia un string de conexión a base de datos mediante un nombre usando una nueva sintaxis declarativa in ASP.NET 2.0. El string de conexión es guardado en el fichero Web.config bajo el elemento

<connectionStrings>, por lo que es fácilmente mantenido para todas las páginas en una aplicación

Ejemplo:<configuration> <connectionStrings> <add name="Pubs" connectionString="Server=(local);Integrated Security=True;Database=pubs;"

providerName="System.Data.SqlClient" /> </connectionStrings> </configuration>

La configuración de strings en Web.config es una buena práctica recomendada para cualquier aplicación ASP.NET tanto para gestión centralizada como por motivos de seguridad

121/126

Ordenación y Paginado

El control SqlDataSource permite ordenación cuando: Su propiedad DataSourceMode está asociada a DataSet

En un GridView: Para ordenación hay que poner su propiedad AllowSorting a

true. Para paginado AllowPaging a true.

Se pueden personalizar los estilos y configuración del paginado mediante PagerStyle y PagerSettings.

Ejemplos: GridViewXXX.aspx

122/126

Aplicando Estilos, Temas y Pieles

Estilos en controles <input type="radio" name="Mode" style="width:50;background-

color:red;zoom:200%" runat="server"/>Option 2<br> Temas y Pieles

Permiten factorizar información de estilo y layout en un grupo separado de ficheros, denominado Tema.

Un Tema puede aplicarse a cualquier site para afectar el look and feel de sus páginas y controles

Los cambios de estilo pueden simplificarse por centralizarse en un único fichero. Ejemplo: StyledCalendar.aspx

<%@ Page Language="C#" Theme="ExampleTheme" %>

123/126

Beneficios de los Temas

Beneficios: Permite especificar estilos en tu portal separadamente de tu página y aplicación Se puede diseñar una página sin estilos y luego aplicarse más tarde Pueden descarse y aplicarse estilos provenientes de otras partes

Un fichero de piel contiene definiciones de controles, cuyas definiciones automáticamente sobrescriben el valor de la propiedad local en una página en la que se aplique el tema.

Por ejemplo: <asp:Calendar Font-Name="Verdana" runat="server"/> causará que todos los

controles calendario en páginas a las que se ha asociado el tema se muestren con la fuente Verdana

Un fichero de skins contiene normalmente una definición por cada control, no incluir el atributo ID.

Ejemplo: ThemedASP_Pages.aspx

124/126

Controles WebPart

Permiten añadir contenido personalizado, de formato y rico, manipulable desde tu página, a tu portal Web Part Controls Layout dinámico y modular, contenido personalizado

Basados en los servicios de personalización de ASP.NET 2.0

Cualquier control puede convertirse facilmente en un Webpart.

Ejemplo: WebPartPageMenu.ascx y WebPart.aspx

125/126

Otros aspectos

El directorio App_Code permite compartir código entre varias páginas Redirigiendo a otra página:

Response.Redirect("Controls_NavigationTarget_cs.aspx?name=" + System.Web.HttpUtility.UrlEncode(Name.Text));

SiteMapPath, menús y treeviews Creating the Application Services Database for SQL Server

aspnet_regsql.exe -E -S localhost\SQLExpress -A mr

126/126

Referencias

New features for web developers in ASP.NET 2.0 http://dnjonline.com/article.aspx?ID=dotNET2_webapps

ASP.NET 2.0 QuickStart Tutorial http://quickstarts.asp.net/QuickStartv20/aspnet/

Internacionalización en ASP.NET http://www.c-sharpcorner.com/UploadFile/mosessaur/

aspnetlocalization02042006165851PM/aspnetlocalization.aspx?ArticleID=96602e53-0fb1-44ec-a67b-1c68b05eb2e1

cliente ligero en.net tema 4 – asp.net dr. diego

Documents