Arquitectura de SoftwareTutorial JSF
Crear Proyecto
2
Crear Proyecto
3
Crear Proyecto
4
Incluir JSF (1)
Clic en configuracin Contine en el siguiente slide
5
Incluir JSF (2)
Se puede usar JSF con JSP. En nuestro caso usaremos Facelets
(XHTML)
6
Estructura del Sitio
Se crea por defecto un archivo index.xhtml
7
Anatoma del facelet (View)
Los tags que empiezan en h son propios de JSF y no html En
dichos tags se inserta el cdigo dinmico
8
Managed Bean (Controller)
Clases java que siguen ciertas convenciones y que son
contactadas desde los facelets para procesar acciones y/
eventos
Contine en el siguiente slide9
Managed Bean (Controller)
10
Managed Bean (Controller)
11
Estructura del sitio
Index.xhtml invocar a beanCuenta.java
12
Anatoma del bean
@ManagedBean: Los valores de los atributos en este bean se
mantendrn slo en cada request
13
Agregar y encapsular atributos al bean
14
Agregando una forma al facelet
15
Agregar una caja de texto de entrada
Vincule el atributo value del inputtext al atributo id del
bean.
16
Vincular la caja de texto y el bean
17
Vincular la caja de texto y el bean
La primera vez que se carga la pgina:
beanCuenta es instanciado
debe existir un constructor sin parmetros El valor del atributo
id es el valor inicial que se muestra en la caja de texto (vaco si
no hay valor)
getId() es invocado
18
Vincular la caja de texto y el bean
Cuando la forma hace submit:
beanCuenta es RE-instanciado
Asumiendo request scope Es pasado a setId() es invocado
El valor de la caja de texto
19
Cdigo HTML generado
Ejecute el index.html y observe que:
se genera un autopostback (sumbit sobre la misma pgina) Se
guarda el estado usando el viewsatate, campos html ocultos desde
los cuales se reconstruye el estado
20
Agregar en el bean un mtodo controlador de accin
Este mtodo action controller siempre deben retornar una cadena
correspondiente a la prxima vista a donde se dirigir al usuario
Si se deja vaco asume que se navegar en la misma pgina
21
Agregar en el bean un mtodo controlador de accin
Cree un atributo saldo y sus accesors El mtodo aumenta en cada
llamada el atributo id en 1000 y lo asigna al atributo saldo.
Retorne displaySaldo
Debemos crear un facelet de nombre displaySaldo.xhtml22
Agregue un botn de comando y vincule en la accin el mtodo
controlador creado
Cuando se haga clic en el botn se ejecutar el mtodo muestreSaldo
y el flujo de navegacin se dirigir hacia displaySaldo.xhtml
No use los signos () para el mtodo23
Crear la pgina displaySaldo.xhtml
24
Crear la pgina displaySaldo.xhtml
25
Agregue un control de salida JSF
Vincule el saldo del managedBean Esta pgina ve el saldo por que
se encuentra en el mismo request26
Ejecute
No ejecute index.html de manera individual Haga clic derecho
sobre el sitio y desde al seleccione la opcin Run
27
Ejecute
28
Agregue un botn Volver en displaySaldo
29
Observe que el action aqu es esttico y lo lleva a
index.xhtml
Ejecute1
2
Y el valor inicial ? Debido a que el alcance del bean es de
request, cuando se oprime el botn volver se inicia un nuevo request
para el cual ya no existen los valores del bean
3
30
Tipos de alcance del managebean
31
Alcance de SessionEl alcance de sesin abarca hasta que termine
la sesion: cierre el navegador el tiempo de vida de la cokie se
venza.
Anote el bean como SessionScoped El bean debe poder
serializarse
32
Ejecute1
2
3
33
Bibliografa
Tutorial de JavaEE
http://java.sun.com/javaee/5/docs/tutorial/doc/bnagx.html
34
