01 - Introduccion - ASP

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 web es un conjunto de pginas Una aplicacin
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.cursoasp net.com/inicio.html Internet DNS IP=66.45.26.25 Puerto: 80
Servidor HTTP Request

www.cursoaspnet.c om 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
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 parte del cliente es fcil, slo Construir la

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 Suma.html usuario enviadas junto con el form y Despus del <html> <body> Suma.html <form> <html> procesamiento generar la correspondiente salida. <input type="text" name="op1" /> <body>
+ <input type="text" name="op2" /> <input type="submit" value=" = " /> </form> </body> </html> <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 en el Servidor tecnologas de procesamiento: Existen varias
CGI (Common Gateway Interface)

Define una API de bajo nivel Popular en entornos UNIX, no tanto en Windows
ISAPI (Internet Server Application Programming Interface)
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
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
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.)
Archivos Code-Behind
Archivos de configuracin con formato XML

Un archivo Web.config por c/aplicacin Un nico archivo Machine.config por servidor
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 Web ASP.NET Cliente

Server Output Cache
WebForm1.aspx
Global.asax
WebForm1.aspx.vb
Web.config
WebForm2.aspx
Internet
BIN
Comp. Comp.
WebForm2.aspx.vb
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
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
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
Tipos de Controles de Controles Servidor de Controles de

Servidor HTML Por default, los
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
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
Equivalencias de Controles
Botn HTML clsico (No es de <INPUT type="button" value="Buscar"> Servidor) Control de Servidor HTML
<INPUT type="button" value="Buscar" id="cmdBuscar" runat="server" NAME="button1">
<asp:Button id="cmdBuscar" runat="server" Text="Buscar"/>
Control de Servidor Web
<asp:button>
Controles de Servidor WebControl Ejemplos equivalente HTML

<input type=submit> <a href=""> </a> <img src=""> <input type=image> <span> </span> <div> </div>
<input type=radiobutton>
<asp:checkbox> <asp:hyperlink> <asp:image> <asp:imagebutton> <asp linkButton> <asp:label> <asp:panel> <asp:radiobutton> <asp:table> <asp:textbox> <asp:listbox>
<input type=checkbox>
<table> </table> <input type=text>

<select size="5"> </select>
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 Repite la validacin del lado del cliente Permite validar contra datos almacenados por ej. en una base de datos
Servidor

ASP.NET proporciona 6 controles

Controles de Servidor Validacin

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
Por qu usar Controles de Usuario?
Son autocontenidos Pueden ser utilizados ms de una vez Pueden estar escritos en diferentes FARMACIA lenguajes 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
Eventos en un WebForm (1/4) Modelo de Eventos Web Form

Cliente Web evento mensaje Server Analiza el mensaje Llama al manejador apropiado
manejador respuesta
(2/4) Eventos del lado del servidor
Eventos en un WebForm
Cuando se trabaja con controles ASP.NET, estos generan eventos en el servidor para responder a las peticiones del usuario, producindose 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. Es un mecanismo que permite mantener el estado de los controles del formulario web entre postbacks. El estado de los controles viaja en el
PostBack
View State
Declaracin de eventos en un control del lado del cliente: <asp:Button ID="btnEjemplo" runat="server"
Text="Aceptar" onclick="btnEjemploClick" />
(3/4)
Atencin del evento en el servidor ( code behind ) Ejemplo en C#: protected void btnEjemploClick(object sender, EventArgs
{ if (!string.IsNullOrEmpty(txtEjemplo.Text)) { lblEjemplo.Text = txtEjemplo.Text; }
e)
(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.
Arquitectura de configuracin jerrquica
El archivo de configuracin posee una estructura jerrquica (xml) que permite una lectura rpida y facilita su modificacin.
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;Integr ated 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. 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.
Cmo Funciona?
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 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 Formularios

Basada en Microsoft Passport

<system.web>
Configurando la autenticacin
<authentication mode="Forms"> <forms loginUrl="login.aspx"></forms> </authentication> <authorization> <deny users="?"/> </authorization>
</system.web>
Autenticacin por Formularios por formularios se La autenticacin

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
Autenticacin por Formularios

1
IIS
Autenticaci n basada en Formulario

Autenticado
Cliente solicita una pgina
NO Autenticado Usuario Gabriel Clave ******* **** Aceptar
Acceso Denegad o
NO Autenticado
4 Form de Login
Autorizado
(Usuario ingresa sus credenciales) Autenticad o Autorizado
Cookie de autenticaci n
Pgina Segura solicitad a
Controles de Login (1/2)

Control Log In
<asp:Login ID="Login1" runat="server CreateUserUrl="~/CrearUsuario.aspx"
BackColor="#F7F6F3" BorderColor="#E6E2D8" BorderPadding="4" BorderStyle="Solid" BorderWidth="1px" FontNames="Verdana" FontSize="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" FontSize="0.8em" ForeColor="#284775" />
CreateUserText="Nuevo Usuario RememberMeText="Recordar mi usuario"
</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
Introduccin a ASP.NET Formularios Web (Web Forms) Configuracin Autenticacin
Temario (1/2)
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
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 Variables de Session y cliente 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
protected void Application_Start() {
Ejemplo en C#
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)
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# void Protected
//...
try {
Session_Start( object sender, EventArgs e ) {
} 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)

Sub Application_Start(ByVal sender As Object, ByVal e As _ EventArgs) Dim ds As DataSet = New DataSet
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
Dim command As SqlCommand = New SqlCommand( _ "Select codigo From clientes Where name = " & nombre
Try
End Sub
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

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 aplican a los controles de servidor y se guardan en archivos de extensin .skin
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 archivos *.skin contienen Los
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 Permiten realizar el enlace entre un Datos

control que muestra datos (gridview, detailsview, etc) y la lgica que los administra
Control ObjectDataSource Control SqlDataSource
Enlaza los controles con una clase de la capa de negocios.
Enlaza los controles con una base de datos relacional.
Control XmlDataSource
Enlaza los controles con datos en formato xml.
Controles visualizadores
DataGridView
(1/2)
<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
<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>
DetailsView
(2/2)
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_Cod e
WSDL XSD
RESX
Los archivos se compilan dinmicament e 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/comunida d/mtj.net/voices/art175.asp Call Back http://msdn.microsoft.com/msdnmag/issues/05/01/ CuttingEdge/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/ WebParts/default.aspx Modelo de Proveedores http://msdn.microsoft.com/ASP.NET/default.aspx? pull=/library/enus/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.

01 - Introduccion - ASP

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

01 - Introduccion - ASP

Uploaded by

Copyright:

Available Formats

Programa Microsoft Desarrollador Cinco Estrellas

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

Aplicaciones Web ASP.NET web es un conjunto de pginas Una aplicacin

Aplicaciones Web Servidor Web

Hypertext Transfer Protocol (HTTP)

Servidor HTTP Request

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

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

HTML Forms (Cont.)

HTML Forms (Cont.)

El navegador envia los datos ingresados como una cadena de consulta

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

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

Procesamiento en el Servidor tecnologas de procesamiento: Existen varias

CGI (Common Gateway Interface)

ISAPI (Internet Server Application Programming Interface)

ASP (Active Server Pages)

ASP.NET Ventajas (Cont.)

Componentes de una aplicacin ASP.NET

Archivos de configuracin con formato XML

Un archivo Web.config por c/aplicacin Un nico archivo Machine.config por servidor

Componentes de una aplicacin ASP.NET

Enlaces a Servicios Web XML

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

Servicios Web Database

Las aplicaciones Web ASP.NET + IIS

Las aplicaciones Web ASP.NET + IIS

Estructura de las aplicaciones Web

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

Plataforma de desarrollo Web Microsoft en el tiempo

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

Formularios Web (Web Forms)

Ej.: todos tienen las propiedades Id y Text

Generan HTML especifico segn el

Tipos de Controles de Controles Servidor de Controles de

Intrnsecos Validacin Ricos Del tipo lista de datos

No tienen una relacin 1:1 con

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

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

Control de Servidor Web

Controles de Servidor WebControl Ejemplos equivalente HTML

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

Controles de Servidor Validacin Son elementos ocultos que validan las

ASP.NET proporciona 6 controles

Controles de Servidor Validacin

Controles de Servidor Validacin

Controles de Servidor Controles Ricos

Contiene tambin cdigo en VB.NET

Por qu usar Controles de Usuario?

Agregando Controles de Usuario

Dentro del WebForm...

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

Podemos acceder y crear propiedades como con cualquier otro

Eventos en un WebForm (1/4) Modelo de Eventos Web Form

(2/4) Eventos del lado del servidor

Conceptos principales (1/2)

Arquitectura de configuracin jerrquica

Conceptos principales (2/2)

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

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

Ejemplo en Visual Basic

Basada en Microsoft Passport

NO Autenticado Usuario Gabriel Clave *** Aceptar