Scribd
Cargar
107 vistas95 páginas

DCE2 Introduccion

Este documento presenta una introducción al desarrollo de aplicaciones web con ASP.NET en Visual Studio 2005. Explica los conceptos básicos como formularios web, controles web, eventos del ciclo de vida de un formulario, autenticación, estado de sesión y acceso a datos. También describe los componentes clave de una aplicación ASP.NET como páginas ASPX, archivos de código subyacente y configuración.

Cargado por

Andre Cortes
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd
107 vistas95 páginas

DCE2 Introduccion

Este documento presenta una introducción al desarrollo de aplicaciones web con ASP.NET en Visual Studio 2005. Explica los conceptos básicos como formularios web, controles web, eventos del ciclo de vida de un formulario, autenticación, estado de sesión y acceso a datos. También describe los componentes clave de una aplicación ASP.NET como páginas ASPX, archivos de código subyacente y configuración.

Cargado por

Andre Cortes
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 95

Programa Microsoft Desarrollador Cinco Estrellas

Estrella 2 Introduccin al desarrollo de aplicaciones Web con ASP.NET

Objetivo
Conocer los elementos involucrados en el desarrollo de una aplicacin web con Visual Studio 2005 y la plataforma Microsoft .NET, presentando las novedades introducidas al respecto en la nueva versin 2.0

Prerrequisitos
Haber cursado y aprobado el mdulo correspondiente a la Estrella 1 del programa Desarrollador 5 Estrellas
Para realizar los ejercicios y ver los ejemplos de cdigo adjunto necesita:

Herramienta de Desarrollo MS Visual Studio 2005 MS Visual Web Developer 2005 Express Base de Datos MS SQL 2005 Express Edition

Temario (1/2)
Introduccin a ASP.NET Formularios Web (Web Forms) Configuracin Autenticacin Como mantener el estado en una aplicacin Web

Temario (2/2)
Master Pages Themes y Skins Navegacin Acceso a Datos Compilacin e Instalacin Como crear una aplicacion Web en Visual Studio 2005 Referencias

Temario
Introduccin a ASP.NET
Aplicaciones Web ASP.NET Servidor Web Formularios Web (Web Forms) Configuracin Autenticacin Como mantener el estado en una aplicacin web

Aplicaciones Web ASP.NET


Una aplicacin web es un conjunto de pginas HTML que se transmiten por medio del protocolo HTTP de un servidor al cliente y viceversa, brindando distintas funcionalidades a un usuario final. ASP.NET es un Marco (framework) para programar aplicaciones web, de un modo similar al que se programan las aplicaciones windows. El componente principal son los Web Forms (formularios web) que permiten, entre otras cosas, separar la interfaz del usuario de la funcionalidad de la aplicacin.

Aplicaciones Web - Servidor Web


Un servidor web es un sistema informtico conectado a una red, donde se almacenan las pginas, imgenes, etc. (que forman una aplicacin web) disponibles para ser visitadas por los usuarios de la red.
Internet Information Server (IIS), es el servidor Web de Microsoft que corre sobre plataformas Windows. Los servicios que ofrece son: FTP, SMTP, NNTP y HTTP/HTTPS

Hypertext Transfer Protocol (HTTP)


Uno de los protocolos ms importantes de Internet HTTP define como los navegadores y los servidores Web se comunican uno con otro Esta basado en texto y es transmitido sobre conexiones TCP

Funcionamiento de HTTP
Cliente
http://www.cursoaspnet.c om/inicio.html Internet DNS IP=66.45.26.25 Puerto: 80

Servidor
HTTP Request
www.cursoaspnet.com IP = 66.45.26.25

HTTP Response

inicio.html <html> <body> Bienvenidos al Curso ASP.NET </body> </html>

Pagina solicitada
inicio.html

<html> <body> Bienvenidos al Curso ASP.NET </body> </html>

HTTP Request
GET /inicio.html HTTP/1.1 Accept: */* Accept-Language:... Accept-Encoding:... If-Modified-Since:... If-None-Match:... User-Agent: Mozilla/4.0... Host: www.cursoaspnet.com Connection: Keep-Alive [blank line]

HTTP Response
HTTP/1.1 200 OK Server: Microsoft-IIS/5.0 Date: ... Content-Type: text/html Accept-Ranges: bytes Last-Modified: ... ETag: ... Content-Length: 46 [blank line] <html> <body> Bienvenidos al Curso ASP.NET </body> </html>

HTML Forms
En el corazn de toda aplicacin Web genuina estn los HTML Forms Un HTML Form es la porcin de un documento HTML que aparece entre las etiquetas <form></form>
Suma.html
<html> <body> <form> <input type="text" name="op1" /> + <input type="text" name="op2" /> <input type="submit" value=" = " /> </form> </body> </html>

HTML Forms (Cont.)


Un botn submit (<input type=submit>) juega un rol especial en un HTML Form:

Cuando es pulsado, el navegador enva el HTML Form junto con cualquier entrada de datos del usuario al servidor Web

Cmo el HTML Form es enviado, depender del atributo Method del form:

Si el atributo Method del form no est presente o tiene el valor GET, el navegador enviar al servidor un comando HTTP GET
Si el atributo Method del form tiene el valor POST, el navegador enviar al servidor un comando HTTP POST

HTML Forms (Cont.)


Method = GET
<form method=get"> ...

Method = POST
<form method=post"> ... </form>
POST /suma.html HTTP/1.1 . . Content-Type: ... Content-Length: 11 [blank line] op1=2&op2=2

</form>
GET /suma.html?op1=2&op2=2 HTTP/1.1 . . . Connection: Keep-Alive [blank line]

El navegador envia los datos ingresados como una cadena de consulta

El navegador envia los datos ingresados en el cuerpo de la solicitud HTTP

Cualquiera sea el mtodo utilizado, es decir GET o POST, cuando un form es enviado al servidor, decimos que se produjo un POSTBACK

Procesamiento en el Servidor
Construir la parte del cliente es fcil, slo es HTML

La parte difcil es la construccin de la lgica del lado del servidor. Algo en el servidor, tiene que interpretar las entradas del usuario enviadas junto con el form y generar la correspondiente salida. Suma.html Despus del procesamiento <html>
<body> <form> <input type="text" name="op1" /> + <input type="text" name="op2" /> <input type="submit" value=" = " /> </form> </body> </html>

Suma.html
<html> <body> <form> <input type="text" name="op1 value=2/> + <input type="text" name="op2 value=2> <input type="submit" value=" = " /> 4 </form> </body> </html>

Antes del procesamiento

Procesamiento en el Servidor
Existen varias tecnologas de procesamiento: CGI (Common Gateway Interface)

Define una API de bajo nivel Popular en entornos UNIX, no tanto en Windows Son DLL Windows que corren bajo IIS. Escritas en C++ Mejor performance que CGI Simple solucin: HTML + Script del lado del servidor Programadas en JScript o VBScript Objetos intrnsecos que abstraen detalles de bajo nivel de HTTP. Objetos Request y Response Permite usar ADO (ActiveX Data Object) para acceso a datos

ISAPI (Internet Server Application Programming Interface)


ASP (Active Server Pages)


ASP.NET
ASP.NET es el framework de programacin web dentro de .NET Permite desarrollar aplicaciones Web con un modelo similar al utilizado para aplicaciones Windows El componente fundamental de ASP.NET es el WebForm Independencia del cliente (navegador, S.O., dispositivo fsico, etc.) Permite utilizar cualquier lenguaje .NET Permite desarrollar Servicios Web XML

ASP.NET - Ventajas
La parte ejecutable de una aplicacin ASP.NET es COMPILADA Implementacin y actualizacin de las aplicaciones sin reiniciar el servidor!

Acceso a toda la .NET Class Library


Independiente del lenguaje de programacin Encapsulamiento de funcionalidad a travs de controles de servidor y controles de usuario

ASP.NET Ventajas (Cont.)


Permite usar ADO.NET para acceso a datos

Soporta XML, Hojas de estilo CSS, etc.


Deteccin automtica del navegador cliente, generando el lenguaje de marcas soportado por el mismo

Mecanismo de Caching incorporado para pginas completa o partes de la misma frecuentemente solicitadas

Componentes de una aplicacin ASP.NET


WebForms (Formularios Web)

Uno o ms archivos con extensin .aspx Archivos asociados a WebForms que contienen cdigo del lado del servidor (Ej. VB.NET, C#, etc.) Un archivo Web.config por c/aplicacin Un nico archivo Machine.config por servidor Eventos a nivel de aplicacin

Archivos Code-Behind

Archivos de configuracin con formato XML


Global.asax

Componentes de una aplicacin ASP.NET


Directorio BIN

Contiene el assembly de la aplicacin (Ej.: MiAplic.dll)

Cero o ms assemblies (Componentes externos) Permiten a la aplicacin ASP.NET enviar y recibir datos desde Servicios Web

Enlaces a Servicios Web XML

Componentes de una aplicacin ASP.NET ASP.NET Web Server


Cliente
WebForm1.aspx

Global.asax

Output Cache

WebForm1.aspx.vb

Web.config
WebForm2.aspx

Internet

BIN
WebForm2.aspx.vb

Comp. Comp.

Servicios Web Database

Las aplicaciones Web ASP.NET + IIS


IIS es el servidor Web de la plataforma Windows Las aplicaciones Web solo pueden existir en una ubicacin que es publicada por IIS como un Directorio Virtual Directorio Virtual: es un recurso compartido identificado por un alias y que representa una ubicacin fsica en el servidor El famoso http://localhost hace referencia al directorio raz del servidor web Por default, http://localhost apunta a C:\Inetpub\wwwroot

Las aplicaciones Web ASP.NET + IIS


VS.NET por default crea las aplicaciones web bajo el directorio raz, ej.:

MiAplicacion

Virtual: Fsica:

http://localhost/MiAplicacion

C:\Inetpub\wwwroot\MiAplicacion
Podemos usar IIS para definir un directorio virtual donde alojar nuestras aplicaciones Web, diferente al predeterminado

Estructura de las aplicaciones Web


El permetro de una aplicacin Web es determinada por su estructura de directorios Comienza por su directorio raz, el cual contiene:

La pgina o WebForm de inicio El archivo de configuracin Web.config El directorio BIN

El permetro de la aplicacin termina en su ltimo directorio o cuando se encuentra el directorio raz de otra aplicacin Web

Plataforma de desarrollo Web Microsoft en el tiempo


Visual Studio 6.0 Visual InterDev 6.0 IIS 5.0 SQL Server 2000 ASP Visual Studio .NET 2003 .NET Framework 1.1 IIS 6.0 ASP.NET 1.1 Visual Studio Orcas .NET Framework Orcas ASP.NET Orcas

2000

2001

2002

2003

2004

2005 2006 y ms

Visual Studio .NET 2002 .NET Framework 1.0 ASP.NET 1.0

Visual Studio 2005 Visual Web Developer Express Edition .NET Framework 2.0 SQL Server 2005 ASP.NET 2.0

Temario (1/2)
Introduccin a ASP.NET

Formularios Web (Web Forms)


Generalidades Controles Web Eventos de un formulario web Ciclo de Vida de un formulario web Configuracin Autenticacin Como mantener el estado en una aplicacin web

WebForms - Generalidades
Formulario Web (ASP.NET web form)

Es una pgina expresada en lenguaje de marcas que es compilada y ejecutada dinmicamente en el servidor para generar la salida solicitada por el cliente (explorador dispositivo).
Es el cdigo que se ejecuta del lado del servidor para lograr el comportamiento deseado en un formulario web. Un nuevo concepto, que es aplicado en ASP.NET para vincular las pginas aspx (la interfaz del usuario) con su Code Behind (comportamiento).

Code Behind

Partial Class

Controles de Servidor
Componentes que se ejecutan en el lado del servidor Encapsulan partes de la interface de usuarios Poseen el atributo runat=server Mantienen su estado entre postbacks al servidor ViewState Poseen un modelo de objetos comn

Ej.: todos tienen las propiedades Id y Text

Generan HTML especifico segn el browser cliente

Tipos de Controles de Servidor


Controles de Servidor HTML
Por default, los elementos HTML no son accesibles desde cdigo del lado del servidor Agregando runat=server y el atributo id, se convierten en Controles de Servidor HTML

Controles de Servidor Web


Conocidos como WebControls Solo accesibles del lado del servidor Muchos tipos

Intrnsecos Validacin Ricos Del tipo lista de datos

No tienen una relacin 1:1 con elem. HTML

Equivalencias de Controles
Botn HTML clsico (No es de Servidor)
<INPUT type="button" value="Buscar">

Control de Servidor HTML


<INPUT type="button" value="Buscar" id="cmdBuscar" runat="server" NAME="button1">

Control de Servidor Web


<asp:Button id="cmdBuscar" runat="server" Text="Buscar"/>

Controles de Servidor - Ejemplos


WebControl <asp:button> <asp:checkbox> <asp:hyperlink> <asp:image> <asp:imagebutton> <asp linkButton> <asp:label> <asp:panel> <span> </span> <div> </div>
<input type=radiobutton>

HTML equivalente <input type=submit> <input type=checkbox> <a href=""> </a> <img src=""> <input type=image>

<asp:radiobutton>
<asp:table> <asp:textbox>

<table> </table> <input type=text>


<select size="5"> </select>

<asp:listbox>

Controles de Servidor - Validacin


Son elementos ocultos que validan las entradas de datos contra algn patrn El proceso de validacin puede ser llevado en:

Cliente El browser cliente debe soportar lenguaje script


Le da al usuario un feedback inmediato

Reduce el nmero de postbacks Servidor Repite la validacin del lado del cliente

Permite validar contra datos almacenados por ej. en una base de datos

Controles de Servidor - Validacin


ASP.NET proporciona 6 controles

RequiredFieldValidator. Valor requerido.

CompareValidator. Valida contra un valor constante o contra otro control. RangeValidator. Valor dentro de un rango de tipos. RegularExpressionValidator. Valida contra un patrn o expresin regular. CustomValidator. Lgica de validacin proporcionada por nosotros. ValidationSummary. No es un validador, sino que muestra mensajes de error agrupados.

Controles de Servidor - Validacin


En el lado del servidor se puede determinar si TODAS las validaciones fueron exitosas mediante Page.IsValid Muy importante!

La propiedad IsValid NO est disponible en los eventos Init ni Load del WebForm

Controles de Servidor Controles Ricos


Controles con lgica de IU compleja encapsulados de forma sencilla Ejemplos:

AdRotator. Permite mostrar anuncios publicitarios (banners) de una secuencia predeterminada o aleatoria. Calendar. Permite disponer de un calendario altamente personalizable.

Controles de Usuario
Simplifican la reutilizacin de cdigo y componentes de la IU dentro de las aplicaciones Web ASP.NET Son del servidor definidos en un archivo .ascx Contienen HTML pero NO los tags <HTML>, <BODY> o <FORM>
<%@ Control Language="vb" %>
<%@ Control Language=cs" %>

Contiene tambin cdigo en VB.NET o C#

Por qu usar Controles de Usuario?


Son autocontenidos Pueden ser utilizados ms de una vez Pueden estar escritos en diferentes lenguajes FARMACIA
UserControl.ascx FARMACIA FARMACIA

WebForm1.aspx

WebForm2.aspx

Agregando Controles de Usuario


Para usar un control de usuario en un WebForm se usa la directiva @Register
<%@Register TagPrefix="uc" TagName="encabezado" Src="header.ascx" %>

Dentro del WebForm...


<uc:encabezado id=Enc1 runat=server> </uc:encabezado>

Podemos acceder y crear propiedades como con cualquier otro control u objeto

Eventos en un WebForm (1/4)


Modelo de Eventos Web Form
Server Cliente Web mensaje Analiza el mensaje Llama al manejador apropiado

evento

manejador respuesta

Eventos en un WebForm (2/4)

Eventos del lado del servidor


Cuando se trabaja con controles ASP.NET, estos generan eventos en el servidor para responder a las peticiones del usuario, producindose PostBack.

PostBack
A instancias de un formulario web mostrado en el cliente cada evento sucedido en l genera un POST hacia el servidor y una respuesta. Este ida y vuelta dentro de un mismo formulario web se llama postback.

View State
Es un mecanismo que permite mantener el estado de los controles del formulario web entre postbacks. El estado de los controles viaja en el view state por cada postback.(ver diapositiva 36)

Eventos en un WebForm (3/4)


Declaracin de eventos en un control del lado del cliente:
<asp:Button ID="btnEjemplo" runat="server" Text="Aceptar" onclick="btnEjemploClick" />

Atencin del evento en el servidor ( code behind ) Ejemplo en C#:


protected void btnEjemploClick(object sender, EventArgs e) { if (!string.IsNullOrEmpty(txtEjemplo.Text)) { lblEjemplo.Text = txtEjemplo.Text; } }

Eventos en un WebForm (4/4)


Atencin del evento en el servidor ( code behind ) . Ejemplo en Visual Basic:
Protected Sub btnEjemploClick(ByVal sender As Object, _ ByVal e As EventArgs) If Not String.IsNullOrEmpty(txtEjemplo.Text) Then lblEjemplo.Text = txtEjemplo.Text End If End Sub

Ciclo de vida de un WebForm


Sucesos mas importantes del ciclo de vida de una pgina: Inicializacin de objetos Carga View State Procesa datos del post Carga de la pgina Eventos Post Back Graba View State Render UnLoad

Temario (1/2)
Introduccin a ASP.NET Formularios Web (Web Forms)

Configuracin
Conceptos principales Accediendo desde el cdigo al web.config Autenticacin Como mantener el estado en una aplicacin web

Conceptos principales (1/2)


Archivo Web.Config

Es un archivo xml, donde se guarda informacin de configuracin comn a toda la aplicacin como ser: cadenas de conexin, tipo de autenticacin, etc. El archivo de configuracin posee una estructura jerrquica (xml) que permite una lectura rpida y facilita su modificacin.

Arquitectura de configuracin jerrquica

Conceptos principales (2/2)


Secciones y grupos de secciones

En ASP.NET 2.0 se incorporan nuevos grupos de secciones, como por ejemplo connectionStrings. Facilitando de este modo el acceso a las conexiones de datos y simplificando el cdigo.

Herramientas administrativas

Snap-in de MMC para ASP.NET Herramienta de administracin del sitio web (Web Site Administration Tool)

Accediendo desde el cdigo al web.config (1/2)


Secciones configuracin ms simples
<configuration>
<connectionStrings> <add name="northwind" connectionString="server=(local);database=Northwind;Integrated Security=SSPI" providerName="System.Data.SqlClient" /> </connectionStrings> </configuration>

Accediendo desde el cdigo al web.config (2/2)


Acceso de lectura/escritura a especificaciones de configuracin.
Ejemplo en C#:
SqlConnection connection = new SqlConnection( ConfigurationManager.ConnectionStrings[ "ADVENTUREWORKSConnectionString"].ConnectionString);

Ejemplo en Visual Basic


Dim connection As SqlConnection = New _ SqlConnection(ConfigurationManager.ConnectionStrings( _ "ADVENTUREWORKSConnectionString").ConnectionString)

Temario (1/2)
Introduccin a ASP.NET Formularios Web (Web Forms) Configuracin

Autenticacin
Generalidades Tipos de Autenticacin Autenticacin por Formularios Controles de Login Como mantener el estado en una aplicacin web

Generalidades
Qu es Autenticacin?

Es el mecanismo que permite afirmar que la persona que esta ingresando al sistema es quien dice ser.

Cmo Funciona?

Se aceptan las credenciales ingresadas por el usuario (usuario contrasea) y se validan contra una base de datos, el sistema operativo, un servicio web, u otro mecanismo definido segn el tipo de autenticacin.

Tipos de Autenticacin
Basada en Windows

Basada en Windows e IIS La solicitud de la pgina pasa por IIS Si IIS valida exitosamente la credencial, entonces se devuelve la pgina solicitada

Basada en Formularios

Las solicitudes no autenticadas son redireccionadas a un formulario de login Despus de validar la credencial se enva al cliente una cookie de autenticacin
Servicio de autenticacin centralizado Passport es un Web Service

Basada en Microsoft Passport


Configurando la autenticacin
<system.web> <authentication mode="Forms"> <forms loginUrl="login.aspx"></forms> </authentication> <authorization> <deny users="?"/> </authorization> </system.web>

Autenticacin por Formularios


La autenticacin por formularios se utiliza para validar a los usuarios contra bases de datos relaciones, Servicios Web, etc. Cmo funciona?

Si las credenciales son vlidas, ASP.NET graba un ticket de autenticacin en la cookie que contiene la identidad del usuario. Si el usuario es annimo, redirecciona las peticiones a una pgina predeterminada para validar las credenciales del usuario.

Autenticacin por Formularios


1

IIS
NO Autenticado

Autenticacin basada en Formulario


Autenticado

Cliente solicita una pgina

Acceso Denegado

NO Autenticado

Usuario Gabriel Clave *********** Aceptar

4 Form de Login
(Usuario ingresa sus credenciales)

Autorizado

3
Autenticado

Cookie de autenticacin

Autorizado

Pgina Segura solicitada

Controles de Login (1/2)


Control Log In
<asp:Login ID="Login1" runat="server CreateUserUrl="~/CrearUsuario.aspx"
CreateUserText="Nuevo Usuario RememberMeText="Recordar mi usuario" BackColor="#F7F6F3"
FontBorderColor="#E6E2D8" BorderPadding="4" BorderStyle="Solid" BorderWidth="1px" Names="Verdana" Font-Size="0.8em" ForeColor="#333333" >

<TitleTextStyle BackColor="#5D7B9D" Font-Bold="True" Font-Size="0.9em" ForeColor="White" /> <InstructionTextStyle Font-Italic="True" ForeColor="Black" /> <TextBoxStyle Font-Size="0.8em" /> <LoginButtonStyle BackColor="#FFFBFF" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284775"

/>

</asp:Login>

Ejemplo del control

Controles de Login (2/2)


Control de Creacin de Usuarios
<asp:CreateUserWizard ID=createUserWizard" runat="server" CreateUserButtonText="Crear Usuario" CompleteSuccessText="Usuario Creado" ContinueButtonText="Finalizar" ContinueDestinationPageUrl="~/Default.aspx FinishDestinationPageUrl="~/Default.aspx> <WizardSteps> <asp:CreateUserWizardStep ID=createUserWizardStep" runat="server"> </asp:CreateUserWizardStep> <asp:CompleteWizardStep ID=completeWizardStep" runat="server" Title="Usuario Creado AllowReturn="true"> </asp:CompleteWizardStep> </WizardSteps> </asp:CreateUserWizard>

Ejemplo del control

Temario (1/2)
Introduccin a ASP.NET Formularios Web (Web Forms) Configuracin Autenticacin

Como mantener el estado en una aplicacin web


Generalidades Global.asax Estado de la aplicacin Estado de la sesin View State

Generalidades
Las pginas html de una aplicacin web se transmiten por medio del protocolo HTTP, como se mencion anteriormente. Este protocolo es un protocolo sin estado. As, una vez que el usuario ingreso datos en el navegador, si no se mantiene el estado mediante algn mecanismo, se pierden los datos ingresados. Por este motivo, ASP.Net proporciona mecanismos para mantener el estado de sus variables a travs de las distintas peticiones de pginas. Entre estos mecanismos se encuentran:

Application State : mecanismo de almacenamiento global accesible desde todas las pginas de la aplicacin Web Session State : mecanismo de almacenamiento limitado a la sesin actual del navegador View State :Mantiene valores entre mltiples solicitudes a la misma pgina

Administracin de estados
Sin Adm. De Estados
Login.aspx
Ingrese sus datos de inicio de sesin Nombre Juan Contrasea *******

Con Adm. De Estados


Login.aspx
Ingrese sus datos de inicio de sesin Nombre Juan Contrasea *******

Ingresar Inicio.aspx Hola Olvide quien es Ud!

Ingresar Inicio.aspx Hola Juan

Tipos de administracin de estado


Del lado del servidor
Application state
Informacin disponible para todos los usuarios de la aplicacin Web.

Del lado del cliente


Cookies
Archivos de texto que guardan informacin de estado en la PC cliente

Session state
Informacin disponible nicamente para un usuario de una sesin especfica

ViewState
Mantiene valores entre mltiples solicitudes a la misma pgina

Database
En algunos casos se utiliza una Base de Datos para guardar la informacin de estado

Query strings
Informacin anexada al final de la URL

Administracin de estados Servidor

Application State es un mecanismo de almacenamiento global accesible desde todas las pginas de la aplicacin Web Seesion State est limitada a la sesin actual del browser Las sesiones ASP.NET se identifican con una cadena de caracteres ASCII y se guarda como una Cookie en el cliente
Variables de Session y Application SessionID

Administracin de estados Cliente


Cookies para mantener el estado:

Temporarias Persistentes

Problema: el usuario puede borrarlas o deshabilitarlas Problemas de seguridad Espacio limitado a almacenar no ms de 4KB
Cookie

Global.asax
Administra eventos a nivel de aplicacin y sesin.

Los eventos referentes a la manutencin del estado de aplicaciones web, son:

Application_Start Application_End Session_Start Session_End

Estado de la aplicacin(1/2)
Permite almacenar informacin a nivel de aplicacin, comn a todas las sesiones. Esta informacin se almacena en una coleccin llamada Application. El acceso a esta informacin se realiza mediante el objeto intrnseco Application
Ejemplo en C#
protected void Application_Start() {
DataSet ds = new DataSet(); try { FileStream fs = new FileStream(Server.MapPath("schemadata.xml"), FileMode.Open,FileAccess.Read); StreamReader reader = new StreamReader(fs); ds.ReadXml(reader); } finally { fs.Close(); } DataView view = new DataView(ds.Tables[0]); Application["Sucursal"] = view;

Estado de la aplicacin(2/2)
Ejemplo en Visual Basic
Sub Application_Start(ByVal sender As Object, ByVal e As _ EventArgs) Dim ds As DataSet = New DataSet Try Dim fs As FileStream = New _ FileStream(Server.MapPath("schemadata.xml"), _ FileMode.Open, FileAccess.Read) Dim reader As StreamReader = New StreamReader(fs) ds.ReadXml(reader) Finally fs.Close End Try Dim view As DataView = New DataView(ds.Tables(0)) Application("Sucursal") = view End Sub

Estado de la sesin (1/2)


Una sesin es una interaccin entre un navegador y un servidor web (comprende varios Requests a lo largo del tiempo) Es posible almacenar informacin nicamente relevante para una sesin. El acceso a esta informacin se realiza mediante el objeto intrnseco Session
Ejemplo C#
Protected void Session_Start( object sender, EventArgs e ) { //...
{ try

} finally { conn.Close();

conn = new SqlConnection( ConfigurationManager.ConnectionStrings[ "ADVENTUREWORKSConnectionString"].ConnectionString); command.Connection = conn; conn.Open(); object result = command.ExecuteScalar(); Session["codigo"] = result;

Estado de la sesin (2/2)


Ejemplo en Visual Basic
Sub Application_Start(ByVal sender As Object, ByVal e As _ EventArgs) Dim ds As DataSet = New DataSet

Dim command As SqlCommand = New SqlCommand( _ "Select codigo From clientes Where name = " & nombre )

End Sub

conn = New SqlConnection( _ ConfigurationManager.ConnectionStrings( _ "ADVENTUREWORKSConnectionString").ConnectionString) command.Connection = conn conn.Open() Dim result As Object = command.ExecuteScalar() Session("codigo") = result Finally conn.Close() End Try

Try

View State
Mantiene el estado de los controles, entre postback de una pgina. El View State se implementa mediante un campo oculto en el html generado y viaja en cada POST

Temario (2/2)
Master Pages
Generalidades Pginas Maestras Pginas de Contenido Themes y Skins Navegacin Acceso a Datos Compilacin e Instalacin Como crear un sitio Web Referencias

Generalidades
Logran herencia visual para las pginas Web Permite manejar reas comunes de un sitio de manera consistente En ASP.NET 1.1, el problema de la herencia visual implicaba

Copiar & Pegar Includes Herencia + User Controls

Se basan en Templates (Master Page) y en pginas de contenido (Content Page). Permiten incluir mens, encabezados, navegaciones, etc.

Pginas Maestras
En lugar de la directiva @Page, utiliza la directiva @Master:
<%@ Master Language="C# CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

Se trata como cualquier formulario web, con la extensin .master, y debe incluir el siguiente control:
<asp:contentplaceholder id="contenedor" runat="server> contenido por defecto </asp:contentplaceholder>

Pginas de contenido
Al crear un pgina de contenido, hay que elegir la pgina maestra. La directiva @page de la pgina sera:
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Home" %>

No repiten los tags de la pgina maestra, pero se pueden acceder desde el cdigo. Debe contener el control
<asp:Content ID="cntDefault" ContentPlaceHolderID="contenedor" Runat="Server"> contenido de la pgina </asp:Content>

Temario
Master Pages

Themes y Skins
Generalidades Ejemplo del contenido de un Skin Navegacin Acceso a Datos Compilacin e Instalacin Como crear un sitio Web Referencias

Themes y Skins - Generalidades


Skins: Son definiciones de formato y estilos que se
aplican a los controles de servidor y se guardan en archivos de extensin .skin

Themes: Son paquetes de Skins, tambin pueden contener hojas de estilo en cascada e imgenes asociados. ASP.NET 2.0 incluye una nueva carpeta virtual para la organizacin de los temas (APP_Themes).

Se pueden configurar a nivel de maquina (en el machine config) a nivel de aplicacin (en el web.config) o bien a nivel de pgina, dentro de la directiva Page.

Contenido de un archivo Skin


Los archivos *.skin contienen declaraciones de estilo y formato de los controles de ASP.NET <asp:LoginName runat="server" BorderWidth="1" BorderColor="#FF9900" ForeColor="navy" Font-Names="verdana" />

Temario
Master Pages Themes y Skins

Navegacin
Men Control de navegacin Acceso a Datos Compilacin e Instalacin Como crear un sitio Web Referencias

Navegacin - Men
<asp:menu id="Menu" datasourceid="SiteMapDataSource1 disappearafter="500" staticdisplaylevels="2" staticsubmenuindent="20" orientation="Vertical" font-names="Trebuchet MS, Arial" DynamicMenuItemStyle-Width="150" Width="150 runat="server">
<staticmenuitemstyle backcolor="RoyalBlue" forecolor="WhiteSmoke" horizontalpadding="5" verticalpadding="2" /> <statichoverstyle backcolor="CornflowerBlue" forecolor="White" borderstyle="Solid" borderwidth="1px" /> <dynamicmenuitemstyle backcolor="RoyalBlue" forecolor="WhiteSmoke" horizontalpadding="5" verticalpadding="2" /> <dynamichoverstyle backcolor="CornflowerBlue" forecolor="White" borderstyle="Solid" borderwidth="1px" />

</asp:menu>

Ejemplo del control

Control de Navegacin
Este control esta basado en el modelo de proveedores. (Se configura el proveedor en el web.config) A diferencia de otros controles de navegacin no posee una propiedad DataSource. Al proveedor se le configura el archivo (xml) que posee el mapa del sitio, por ejemplo: siteMapFile="web.sitemap"

Temario
Master Pages Themes y Skins Navegacin

Acceso a Datos
Controles de enlace a datos Controles visualizadores de datos Compilacin e Instalacin Como crear un sitio Web con Visual Studio 2005 Referencias

Controles de enlace de Datos


Permiten realizar el enlace entre un control que muestra datos (gridview, detailsview, etc) y la lgica que los administra

Control ObjectDataSource
Enlaza los controles con una clase de la capa de negocios.

Control SqlDataSource
Enlaza los controles con una base de datos relacional.

Control XmlDataSource
Enlaza los controles con datos en formato xml.

Controles visualizadores (1/2)


DataGridView
<asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" DataKeyNames="ProductID" AllowPaging="True" AllowSorting="True"> <Columns> <asp:CommandField DeleteText="Excluir CancelText="Cancelar UpdateText="Atualizar" EditText="Editar"/> <asp:BoundField ReadOnly="True" HeaderText="Cod" DataField="ProductID"/> <asp:BoundField HeaderText="Produto" DataField="ProductName"/> <asp:BoundField HeaderText="Estoque" DataField="UnitsInStock" DataFormatString="{0:n0}"/> </Columns> </asp:GridView> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:myConnection %>" UpdateCommand="UPDATE [Products] SET [ProductName] = @ProductName " SelectCommand="SELECT [ProductID], [ProductName] FROM [Products]" InsertCommand="INSERT INTO [Products] ([ProductName] ..." DeleteCommand="DELETE FROM [Products] WHERE [ProductID] ..."> </asp:SqlDataSource>

Controles visualizadores (2/2)


DetailsView
<asp:DetailsView AutoGenerateRows="False" DataKeyNames="au_id" DataSourceID="SqlDataSource3" HeaderText="Author Details" ID="DetailsView1" runat="server" Width="275px"> <Fields> <asp:BoundField DataField="au_id" HeaderText="au_id" SortExpression="au_id" /> <asp:BoundField DataField="au_lname" HeaderText="au_lname" /> <asp:CheckBoxField DataField="contract" HeaderText="contract" /> </Fields> </asp:DetailsView>

FormView
<asp:FormView ID="FormView1" runat="server" DataSourceID="ObjectDataSource1> <ItemTemplate> <asp:Label ID="CaptionLabel" runat="server" Text='<%# Eval("Caption") %>' /><br /> <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("FileName", "images/{0}") %>' /> <br /> <asp:HyperLink ID="HyperLink1" Text=Volver" NavigateUrl='<%# Eval( "AlbumID", "PhotosDataList.aspx?ID={0}") %>' runat="server" /> </ItemTemplate> </asp:FormView>

Temario
Master Pages Themes y Skins Navegacin Acceso a Datos

Compilacin e Instalacin
Generalidades Compilacin Dinmica Como crear un sitio Web con Visual Studio 2005 Referencias

Compilacin e Instalacin Generalidades


Compilacin dinmica de:

Aspx, asmx, ascx Vb, cs, resx Slo es necesario poner los archivos en los directorios especficos

Precompilacin e implementacin sin cdigo fuente

Aspnet_compiler.exe precompila sitios y los instala sin el cdigo fuente

Compilacin dinmica
vroot
CS VB

App_Code

WSDL XSD

RESX

Los archivos se compilan dinmicamente en el primer acceso

App_LocalResources

RESOURCE

Temario
Master Pages Themes y Skins Navegacin Acceso a Datos Compilacin e Instalacin

Como crear un sitio web con Visual Studio 2005


Generalidades Creacin y Acceso a Proyectos Referencias

Generalidades
Independencia de IIS

Visual Studio 2005 invluye el ASP.NET Development Server, un servidor de HTTP local que permite trabajar en una PC de desarrollo sin tener instalado IIS (Microsoft Internet Information Server)

Front Page Server Extensions

Las extensiones de servidor de Front Page no son necesarias, ahora se puede seleccionar el directorio donde se van a alojar las pginas del sitio y comenzar a desarrollar.

Creacin y Acceso a Proyectos


File System

Permite desarrollar un sitio en cualquier carpeta de la PC.


Permite desarrollar localmente una aplicacin web en un directorio virtual de IIS. Permite editar y modificar proyectos web remotos utilizando el protocolo FTP. Se puede sincronizar el proyecto de desarrollo local con la aplicacin instalada en produccin.

IIS Local

Sitio FTP

Sitio Remoto

Temario
Master Pages Themes y Skins Navegacin Acceso a Datos Compilacin e Instalacin Como crear un sitio Web con Visual Studio 2005

Referencias

Referencias (1/2)
Tutorial de ASP.NET 2.0 http://www.ASP.NET/Tutorials/quickstart.aspx Estado de la Aplicacin http://www.microsoft.com/spanish/msdn/comunidad/mt j.net/voices/art175.asp Call Back http://msdn.microsoft.com/msdnmag/issues/05/01/Cut tingEdge/default.aspx Sitio Oficial de ASP.NET http://www.ASP.NET

Referencias (2/2)
Ciclo de Vida http://msdn2.microsoft.com/enus/library/ms178472.aspx Web Parts http://msdn.microsoft.com/msdnmag/issues/05/09/We bParts/default.aspx Modelo de Proveedores http://msdn.microsoft.com/ASP.NET/default.aspx?pull=/l ibrary/en-us/dnaspp/html/ASPNETProvMod_Intro.asp Libro: Introducing Microsoft ASP.NET 2.0 Autor: Dino Esposito http://www.microsoft.com/mspress/books/6962.asp

2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

También podría gustarte