Contenedores y JSF2

DEPARTAMENTO DE SISTEMAS
Contenedores y JavaServer Faces
Introduccin
Introduccin
Java Server Faces

o o o o
Framework Java para la construccin de interfaces de usuario para aplicaciones Web La especificacin fue creada por:
Sun, IBM, Oracle, Borland, BEA
Java Specification Request (JSR) 127 2001
Introduccin
Basado en los siguientes principios para facilitar el desarrollo Web

o o o o
Centrado en componentes Independencia del cliente Simplificacin del acceso y manejo de datos Basado en patrones arquitecturales para el desarrollo Web
Introduccin
Objetivos de diseo de la JSR 127

o
Crear un marco estndar para UI basado en componentes Crear un conjunto liviano de clases para manejar componentes, estado de los componentes y eventos de entrada Proveer un modelo basado en JavaBeans para comunicar eventos de los controles cliente con aplicaciones del lado servidor
Tomado de [1] Java Server Faces 2.0 The complete reference
Ciclo de Vida de una JSF
JSF
El ciclo de vida de una JSF

o
Evento de entrada

Request de una xhtml Evento action en un componente UI Crear o restaurar la vista Aplicar valores de usuario Validar que los valores son vlidos Actualizar el modelo con valores vlidos Localizar una nueva vista de ser necesario Desplegar la vista
JSF Request processing lifecycle

JSF
1- Crear o restaurar la vista

o
La vista internamente es representada como un rbol de componentes Representacin espejo de la vista del cliente Si la vista es nueva se crea y se guarda en un contenedor llamado FacesContext
o o
JSF
10
JSF
2- Aplicar valores Request

o o o
Se procesan los valores de entrada del request Cada componente UI en el rbol toma los valores enviados por el cliente En general se tienen dos tipos de componentes
Contenedores de valores

Text field Check box Label Botn Link

11
No contenedores de valores

JSF
12
JSF
3- Procesar Validaciones
o
Se realiza la conversin y validacin de los datos Si un componente falla en la validacin pone su propiedad valid en false Un mensaje FacesMessage es encolado en el FacesContext
13
JSF
14
JSF
4- Actualizar los valores del modelo

o
Si los datos pasan la validacin y conversin, los datos son asignados a los componentes La actualizacin se realiza sobre el modelo, es decir sobre los ManagedBeans
15
JSF
16
JSF
5- Invocacin de aplicaciones
o
Asociado a los componentes UI que no tienen datos El componente se convierte en fuente de un evento para la invocacin de una aplicacin o cdigo
17
JSF
18
JSF
6- Desplegar Respuesta
o o
Ultima actividad en el ciclo de respuesta Se ejecuta un llamado en cascada a todos los componentes del rbol Se almacena el estado actual del rbol para futuros llamados
19
JSF
20
Plantillas
21
Facelets
Representan un mecanismo de plantillas del lado servidor Promueven la reutilizacin Permiten implementar la vista mediante varios archivos fsicos Diseado pensando en JSFs Proveen un mecanismo de declaracin utilizando XHTML Favorece el patrn MVC
22
Facelets
Existen dos elementos principales en la utilizacin de Facelets

o o
Template Client
El Cliente tiene como nombre el identificador de la vista

o
Ejemplo: inicio.xhtml
Un cliente puede utilizar varios templates Mediante los facelets se promueve la reutilizacin de pginas
23
Facelets
24
Facelets
25
Backing Beans / Managed Beans
26
Backing Beans
Clases JAVA (Java Beans) Su propsito es separar los componentes UI de los objetos que ejecutan el procesamiento y mantienen los datos Facilitan la comunicacin entre los beans reales de la aplicacin y la UI. Responsabilidades
o o o
Interactan con el modelo Escuchan eventos de la vista Dan respuesta a las solicitudes
27
Backing Beans
Getters y setters para sus propiedades Mtodos de accin

o o
eventos de la capa web implementados en mtodos de los beans. actions

Ejecutan acciones sobre el modelo y dejan los resultados en los atributos del bean siempre termina con una regla de navegacin (por lo que se entiende que un action tiene tipo de retorno String) Mtodo para poblar informacin antes de cargar un jsp recibe un evento como parmetro y no retorna nada
28
action listeners

Uso de un Web Bean en un JSP (para visualizar un attr) < value =#{bookListBean.books}/>
Backing Beans
Getters y setters para sus propiedades Mtodos de accin

o o
eventos de la capa web implementados en mtodos de los beans. actions

Ejecutan acciones sobre el modelo y dejan los resultados en los atributos del bean siempre termina con una regla de navegacin (por lo que se entiende que un action tiene tipo de retorno String) Mtodo para poblar informacin antes de cargar un jsp recibe un evento como parmetro y no retorna nada
29
action listeners

Uso de un Web Bean en un JSP (para visualizar un attr) < value =#{bookListBean.books}/>
Backing Beans
El Backing Bean define propiedades y mtodos que son asociados con los componentes UI usados en la pgina. En el ejemplo el valor de entrada del componente se mantendr en la propiedad useNumber del Backing Bean UserNumberBean. <h:inputText id="userNo" label="User Number" value="#{UserNumberBean.userNumber}"> ... </h:inputText>
30
Backing Beans
31
Backing Beans
32
Backing Beans
Configuracin de un Bean
JavaServer Faces soporta la administracin de bean y permite realizar: o Configurar beans o Inicializar las propiedades de los bean con valores determinados o Mantener los beans en un mbito o Exponer los beans para que puedan ser accedidos.
33
Backing Beans
Los beans se configuran en el archivo facesconfig.xml. Este archivo es procesado cuando la aplicacin inicia, si una pgina hace referencia a un bean, la implementacin JavaServer Faces inicializa de acuerdo a su configuracin en este archivo. Los beans se pueden crear usando elementos managed-bean, los cuales representan una instancia de una clase bean que debe existir en la aplicacin. En tiempo de ejecucin JSF implementa procesos para el managed-bean.
34
Backing Beans
Ejemplo Declaracin de Managed-Bean

<managed-bean> <managed-bean-name>UserNumberBean</managed-beanname> <managed-bean-class>guessNumber.UserNumberBean</ managed-bean-class> <managed-bean-scope>session</managed-bean-scope> <managed-property> <property-name>minimum</property-name> <property-class>long</property-class> <value>0</value> </managed-property> </managed-bean>
35
Backing Beans
Cada managed-bean contiene las siguientes propiedades:

o
Managed-bean-name: es nico y se mantiene en el mbito de la aplicacin. Este nombre debe coincidir con el valor que se utiliza en las pginas para invocar el bean Managed-bean-class: define el nombre completo de la clase componente JavaBeans utilizados para crear una instancia del bean Managed-bean-scope: define el mbito en el cual el bean ser almacenado (request, session, application, none)
El managed-bean contiene el elemento property-name, la cual debe coincidir con el nombre de la propiedad correspondiente en el bean. El valor que se define debe ser el mismo de la propiedad.
36
JSF Expression Language (EL)
37
JSF Expression Language

Se utilizan delimitadores
o o
#{ } <h:outputText value=#{userBean.firstName}/> Llamado del mtodo getFirstName() <h:inputText value={userBean.firstName}/>
Uso
o o o
38
EL
Otros operadores
o o o o
Aritmticos Relacin Lgicos Condicionales
39
Navegacin
40
Navegacin
El modelo de navegacin de JavaServer Faces facilita definir la navegacin entre pginas y mejorar el procesamiento para elegir la secuencia en la cual las pginas son cargadas. La navegacin es definida con un conjunto de reglas en el archivo faces-congif.xml, para seleccionar la pgina que se debe desplegar, a partir de un evento generado por un componente (botn, link). Tipos de navegacin o Navegacin Esttica o Navegacin Dinmica
41
Navegacin
Navegacin Esttica
<h:commandButton label="Login" action="login"/> <navigation-rule> <from-view-id>/index.jsp</from-view-id> <navigation-case> <from-outcome>login</from-outcome> <to-view-id>/welcome.jsp</to-view-id> </navigation-case> </navigation-rule>
42
Navegacin
Navegacin Dinmica
o
La navegacin depende de cada usuario y de datos particulares
<h:commandButton label="Login" action="#{loginController.verifyUSer}"/> String verifyUser() { if (...) return "success" else return "failure" }
43
Navegacin
Definen la secuencia en que son cargadas las pginas de una aplicacin.
Se deben registrar en el archivo de configuracin faces config.xml
44
Navegacin
La navegacin se define en el archivo faces-config.xml Si va a agregar un nuevo archivo de navegacin, se debe incluir en la lista de archivos del web.xml En el faces-config.xml de cada mdulo se deben especificar las clases que implementan los beans y el alcance de cada uno de estos objetos
45
Navegacin
Cada vez que se define un action sobre un bean, este debe retornar un String con el que se especifica la regla de navegacin a seguir.
En este ejemplo el caso success es resultado del llamado al mtodo createRole del RoleBean.
46
Navegacin
Men de navegacin
incluir dentro del archivo common/jsp/menu.jsp el nuevo elemento
47
Navegacin
El faces-config.xml debe incluir las reglas de transicin de los estados del men
48
Navegacin
Eventos por Cambio de Valor

<h:selectOneMenu value="{form.country}" onchange="submit()"> valueChangeListener="{form.countryChanged}" <f:selectItems value="{form.countryNames}"> </h:selectOneMenu>
49
Navegacin
Eventos de Accin
<h:commandButton image="pan.jpg"> actionListener="#{tienda.listen}" action="#{tienda.act}" </h:commandButton> ------public class Tienda { private String outcome; .... public void listen (ActionEvent e) { FacesContext context = FacesContext.getCurrentInstance(); String clienteId = e.getComponent().getClienteId(context); .... if(...) outcome = "success"; } public String act () { return outcome; } }
50
Navegacin
51
Ejemplo:
52
Referencias
[1] Java Server Faces 2.0 The Complete Reference. The complete reference. Ed Burns, Chris Schalk. McGraw Hill.
53

Contenedores y JSF2

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

Contenedores y JSF2

Uploaded by

Copyright:

Available Formats

DEPARTAMENTO DE SISTEMAS

Contenedores y JavaServer Faces

Java Server Faces

Sun, IBM, Oracle, Borland, BEA

Java Specification Request (JSR) 127 2001

Basado en los siguientes principios para facilitar el desarrollo Web

Objetivos de diseo de la JSR 127

Tomado de [1] Java Server Faces 2.0 The complete reference

Ciclo de Vida de una JSF

El ciclo de vida de una JSF

JSF Request processing lifecycle

1- Crear o restaurar la vista

Tomado de [1] Java Server Faces 2.0 The complete reference

2- Aplicar valores Request

Text field Check box Label Botn Link

Tomado de [1] Java Server Faces 2.0 The complete reference

Tomado de [1] Java Server Faces 2.0 The complete reference

4- Actualizar los valores del modelo

Tomado de [1] Java Server Faces 2.0 The complete reference

Tomado de [1] Java Server Faces 2.0 The complete reference

Tomado de [1] Java Server Faces 2.0 The complete reference

Existen dos elementos principales en la utilizacin de Facelets

El Cliente tiene como nombre el identificador de la vista

Tomado de [1] Java Server Faces 2.0 The complete reference

Tomado de [1] Java Server Faces 2.0 The complete reference

Backing Beans / Managed Beans

Getters y setters para sus propiedades Mtodos de accin

eventos de la capa web implementados en mtodos de los beans. actions

Getters y setters para sus propiedades Mtodos de accin

eventos de la capa web implementados en mtodos de los beans. actions

Ejemplo Declaracin de Managed-Bean

Cada managed-bean contiene las siguientes propiedades:

JSF Expression Language (EL)

JSF Expression Language

#{ } <h:outputText value=#{userBean.firstName}/> Llamado del mtodo getFirstName() <h:inputText value={userBean.firstName}/>

Aritmticos Relacin Lgicos Condicionales

La navegacin depende de cada usuario y de datos particulares

Definen la secuencia en que son cargadas las pginas de una aplicacin.

Se deben registrar en el archivo de configuracin faces config.xml

incluir dentro del archivo common/jsp/menu.jsp el nuevo elemento

Eventos por Cambio de Valor

You might also like