Scribd
Cargar
4 vistas

Lab ASP.Net

El documento describe un módulo de ASP.NET con tres ejercicios prácticos. El primer ejercicio se centra en agregar controles a un formulario web, el segundo en implementar procedimientos de eventos, y el tercero en utilizar variables de sesión para mantener el estado de la aplicación. Además, se incluye la configuración para un entorno sin cookies para el manejo del estado de sesión.

Cargado por

Carlos
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOC, PDF, TXT o lee en línea desde Scribd
4 vistas

Lab ASP.Net

El documento describe un módulo de ASP.NET con tres ejercicios prácticos. El primer ejercicio se centra en agregar controles a un formulario web, el segundo en implementar procedimientos de eventos, y el tercero en utilizar variables de sesión para mantener el estado de la aplicación. Además, se incluye la configuración para un entorno sin cookies para el manejo del estado de sesión.

Cargado por

Carlos
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOC, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 7

Módulo 2: ASP.

NET

Introducción

En este lab realizará tres ejercicios para poner en práctica lo aprendido en la


teoría:

 Ejercicio 1. En este ejercicio usted agregará controles a un formulario


Web.

 Ejercicio 2. En este ejercicio usted agregará un procedimiento de evento


a un formulario Web, utilizando Visual Studio .NET .

 Ejercicio 3. En este ejercicio verá cómo utilizar las variables de sesión


para mantener la información de estado. Adicionalmente, configurará en
entorno para mantener el estado en formato cookieless.
Ejercicio 1

Introducción

En este ejercicio usted agregará controles a un formulario Web.

Desarrollo del ejercicio

1. Abra Visual Studio .NET y genere un nuevo proyecto del tipo Web Application
con el nombre AspNet_Lab.

2. Abra el formulario Web WebForm1.aspx.

3. Agregue los siguientes controles del lado del servidor al formulario: Un


TextBox, un Button y un Label

4. Usando la ventana de propiedades indique las propiedades ID y Text de los


controles, como se muestra en el siguiente cuadro:

Control ID Text
Text box txtName Name
Button cmdSubmit Submit
Label lblMessage Message

5. Visualice la página en formato HTML.


Observe que el formulario Web fue creado con el atributo runat="server" y el
atributo style fue agregado al formulario Web para mostrarlo en modo
GridLayout.
Observe cómo fueron implementadas las propiedades ID y Text en el HTML
para cada uno de los controles.

6. Compile la aplicación y browsee el formulario WebForm1.aspx.

7. Agregue texto en el TextBox y luego haga click en el botón Submit para ver
cómo el valor es mantenido luego de realizar un roud-trip al servidor.

8. Desde el Internet Explorer visualice el código de la página. Note que la


posición de los controles se realiza utilizando dynamic HTML (DHTML).

9. Cierre la ventana del Internet Explorer.

10. Haga click con el botón derecho sobre el formulario Web cuando se
encuentra en vista diseño y elija la opción Properties.

11. Cambie el Target Schema a Internet Explorer 3.02 / Navigator 3.0 y haga
click en OK.
12. Guarde los cambios y visualice nuevamente la página en el browser.

13. Visualice el código de la página desde el browser.


Note que la posición de los controles se realiza utilizando tablas HTML.

14. Cierre el browser.

15. Haga click con el botón derecho sobre el formulario y seleccione la opción
Properties.

16. En el cuadro de diálogo Property Pages vuelva a poner el Target Schema a


Internet Explorer 5.0.

17. En el cuadro de diálogo Property Pages seleccione FlowLayout (en lugar


de GridLayout) en el campo Page Layout, y luego haga click en OK. La
grilla desaparecerá.

18. Agregue un control del tipo Button al formulario Web y visualice la página en
formato HTML. El nuevo control no posee el atributo style.

19. En vista diseño, agregue el control del lado del servidor llamado Calendar al
formulario Web y luego vea la página en formato HTML.
Localice el HTML del control Calendar:
<asp:Calendar id="Calendar1" runat="server"></asp:calendar>

20. Guarde los cambios y vea la página desde el browser, luego vea el código
de la página que se generó en el browser.
Note todo el HTML que fue generado para el control Calendar.

21. Cierre el Internet Explorer.

22. Edite la página WebForm1.aspx y visualice las propiedades del control


Calendar desde la ventana de propiedades.

23. Haga click en la opción Auto Format para visualizar los diferentes estilos del
cuadro de diálogo Calendar Auto Format. Haga click sobre Colorful 1 y
luego click en OK.

24. Guarde los cambios y visualice nuevamente la página en el browser para


notar los cambios estéticos del control Calendar.
Ejercicio 2

Introducción

En este ejercicio usted agregará un procedimiento de evento a un formulario


Web, utilizando Visual Studio .NET .

Desarrollo del ejercicio

1. Desde Visual Studio .NET agregue un nuevo formulario Web al proyecto


ASPNet_Lab llamado events.aspx.

2. Abra la página events.aspx.

3. Inserte un control Button y otro Label al formulario Web.


A los controles se les asignará una propiedad ID por defecto.

4. En la vista diseño, haga doble click sobre el control de tipo Button, lo cual
generará la página code-behind y el controlador de evento Click.
Note que en la página code-behind, el código existente ha sido generado a
partir de un template por el Visual Studio .NET .

5. Agregue el siguiente código en el procedimiento de evento Click:


Label1.Text = "Usted ha hecho click en el botón"

6. En el Solution Explorer, haga click con el botón derecho del mouse sobre
events.aspx y seleccione “Set As Start Page”, luego ejecute la aplicación.

7. En el browser, haga click sobre el control de tipo Button.


Vea como cambia el texto del control Label.

8. Desde el browser, visualice el código de la página y verifique que no hay


código del lado del cliente. El mismo se ejecutó del lado del servidor.

9. Cierre el browser.

10. En la vista diseño, cambie la propiedad id del control Button a cmdSubmit.

11. En la página de code-behind, notará que la palabra Handles ha sido


removida del procedimiento de evento Button1_Click.

12. Agregue la palabra clave Handles al procedimiento de evento


Button1_Click para ejecutar el evento cmdSubmit.Button, como se
muestra en el siguiente código:
Private Sub Button1_Click(ByVal sender As System.Object,
ByVal e As System.EventArgs) Handles cmdSubmit.Click
13. Ejecute la aplicación.
El procedimiento de evento Click se ejecutará en respuesta al nuevo evento.
Ejercicio 3

Introducción

En este ejercicio verá cómo utilizar las variables de sesión para mantener la
información de estado. Adicionalmente configurará en entorno para mantener el
estado en formato cookieless.

Desarrollo del ejercicio

1. Abra el proyecto ASPNet_Lab desde el Visual Studio .NET .

2. Agregue un nuevo formulario Web llamado Login.aspx y establézcalo como


formulario inicial del proyecto.

3. Inserte los siguientes controles:

Control ID Text
Label Usuario
TextBox txtUsuario
Button cmdLogin OK

4. Agregue un nuevo formulario Web a la aplicación llamado Bienvenida.aspx.

5. Haga doble click sobre el control cmdLogin para visualizar el controlador del
evento click de ese control.

6. En el controlador de evento, escriba el código para guardar en una variable de


sesión el nombre introducido por el usuario. El código quedaría similar al
siguiente:

Private Sub _
cmdLogin_Click(ByVal sender As System.Object, _
ByVal e As System.EventArgs) Handles cmdLogin.Click
Session.Add("Nombre", txtUsuario.Text)
End Sub

7. Adicione la siguiente línea de código al controlador del evento click, con el


objeto de mostrar el formulario Bienvenida.aspx:

Response.Redirect("Bienvenida.aspx")

8. En el procedimiento de evento Page_Load del formulario Bienvenida.aspx


adicione el siguiente código para obtener la información almacenada con
anterioridad en el objeto Session. Si el usuario pasó por alto el proceso de
Login, entonces lo redireccionará a la página Login.aspx:

Private Sub _
Page_Load(ByVal sender As System.Object, _
ByVal e As System.EventArgs) Handles MyBase.Load
If Not IsNothing(Session.Item("Nombre")) Then
Response.Write("Bienvenido " & Session.Item("Nombre"))
Else
Response.Redirect("Login.aspx")
End If
End Sub

9. Compile y ejecute a aplicación

10. Escriba su nombre y haga click sobre el botón OK. Notará cómo la aplicación
lo redirecciona a la página Bienvenida.aspx y le muestra el valor
introducido.

11. Para configurar la aplicación como cookieless, y de esta forma mantener el


SessionID en la URL en lugar de pasarlo en una cookie, edite el archivo
Web.config para modificar el tag <sessionState> para que quede como el
siguiente ejemplo:

<sessionState mode ="InProc" cookieless ="UseUri" timeout="10">

12. Guarde los cambios del archivo Web.config y ejecute la aplicación


nuevamente. Notará cómo el SessionID ahora se puede visualizar en la
URL desde el browser.

También podría gustarte