Soluciones de Outsourcing de Procesos y Tecnologa de la informacin.

Certificacin CMMI, ISO 27001, ISO 9001

Curso: JSF - RichFaces

Agenda
1 2 3 4 5 6 7
3

Introduccin JSF Managed Bean en JSF Navegacin en JSF Convertidores y Manejo de Mensajes Libreras Estandar JSF Introduccin RichFaces Componentes RichFaces Demo

Introduccin JSF
Es un marco de trabajo para el desarrollo de aplicaciones web. Ventajas Facilita el desarrollo de interfaces de usuario. Uso de componentes reutilizables. Implementa el patrn MVC (Modelo Vista Controlador). Extensibilidad: Richfaces, Icefaces, PrimeFaces, MyFaces, ADF Faces

4/24/2013

Introduccin JSF
Frameworks sobre JSF

4/24/2013

Introduccin JSF
Modelo Vista Controlador

4/24/2013

Introduccin JSF
Flujo de Navegacin Ciclo de Vida

4/24/2013

Managed Beans
Es una clase java. Sigue concepto de JavaBean. Controlan el estado de la pginas. JSF administra los Managed Beans: Crea Instancias de MB Determina el alcance de cada MB Llama a los getters y setters Son declarados: En faces-config.xml (JSF 1.2); o Mediante anotaciones (JSF 2.0)

Managed Beans
Alcance de los MBs: Request: Persiste durante la peticin del usuario. Por default. Session: Persiste durante toda la sesin activa. View: Durante toda la aplicacin. Uso de Managed Beans: Creacin Bean:
public class BMRegistrarUsuario { }

En pgina JSF:
#{bMRegistrarUsuario.apePaterno}

Managed Beans
Archivo de Configuracin faces-config.xml: Declarar Configuracin Principal MBs Reglas de Navegacin Declaracin de MB en faces-config.xml
<managed-bean> <managed-beanname>bMRegistrarUsuario</managed-bean-name> <managed-beanclass>pe.com.gmd.managed.BMRegistrarUsuario</m anaged-bean-class> <managed-bean-scope>request</managed-beanscope> </managed-bean>

Navegacin JSF
Tipos de Navegacin: Esttica: Slo se requiere redireccionar a otra pgina sin ejecutar lgica por lado servidor
<h:commandButton action=irBandejaUsuarios/>

Donde irBandejaUsuarios puede estar en faces-config.xml Dinmica: Se requiere ejecutar alguna lgica por lado servidor <h:commandButton action=#{bMRegistrarUsuario.volver}/> Public String volver{ If() return error; Else return ok; }

Navegacin JSF
Reglas de Navegacin

4/24/2013

12

Convertidores y Manejo de Mensajes

Convertidores de Nmeros: <f:convertNumber currencySymbol="$" type="currency"> Convertidores de Fecha: <f:convertDateTime pattern="dd/MM/yyyy" /> Tipos de Severidad: FacesMessage.SEVERITY_ERROR FacesMessage.SEVERITY_INFO FacesMessage.SEVERITY_WARN Manejo de Mensajes: FacesContext.getCurrentInstance().addMessage(clientId, new FacesMessage(FacesMessage.SEVERITY_ERROR, msg, msg));

Librera Estndar
Componentes Bsicos - HTML.

Librera Estndar
Componentes Core

Introduccin RichFaces
Librera basado en JSF que ofrece componentes reutilizables para el desarrollo de aplicaciones web. Soporte Ajax a travs de A4J. Desarrollado por RedHat. Demos en Lnea: Versin 3.3 http://livedemo.exadel.com/richfaces-demo/ Versin 4.x http://showcase.richfaces.org/

Componentes RichFaces
Soporte Ajax: <a4j:support> <a4j:outputPanel> <a4j:region> <a4j:status> De Entrada: <rich:calendar> Etc.

De Salida:
<rich:panel> <rich:tabPanel> <rich:tab> <rich:separator> <rich:spacer> <rich:modalPanel> <rich:toolTip>

De Iteracin de Data:
<rich:dataTable> <rich:dataList> <rich:dataGrid>

De Seleccin:
<rich:listShuttle>

Gracias

Edinson Muoz Guia Analista Programador emunozg@gmd.com.pe Pasaje Acua 127 Piso 8 Lima-1 www.gmd.com.pe