I. Sesión 2 Noviembre 2010 Claudio Chaucca Umana

Presentación del tema: "I. Sesión 2 Noviembre 2010 Claudio Chaucca Umana"— Transcripción de la presentación:

1 I. Sesión 2 Noviembre 2010 Claudio Chaucca Umana Claudio.chaucca@gmail.com

2 Contenidos I Sesión 2 Arquitectura RichFaces Filters, Listeners, Servlets, ViewHandler Partial Rendering / reRendering Manage beans Ajax Validators Skinnability Handling Resources Caso: Registro de usuario

3 Arquitectura RichFaces

4 Ajax Filter Registrar el Filter en el web.xml Reconoce multiples tipos de request Diagrama de secuencia muestra el procesamiento de un request JSF y un Request Ajax Los recursos estáticos o dinámicos son registrados por el Resource builder en el ResourceCache

5 Arquitectura RichFaces

6

7 Ajax Action Components.- Los componentes de solicitud de acción son :,, y. Ajax Containers.- AjaxContainer es una interface que define un area en el JSF. es una implementacion de esta interface. JavaScript Engine.- corre en el lado del cliente, actualiza las areas del JSF basada en la informacion del Ajax response.

8 Arquitectura RichFaces

9 Configuracion de Filter. Ejemplo de como definir el filtro en el web.xml estandar

10 Arquitectura RichFaces Configuracion de Filter. Ejemplo de como definir el filtro en el web.xml seam

11 Arquitectura RichFaces Listeners Definimos listener en el web.xml Ejemplo de definición de listener estandar

12 Arquitectura RichFaces Listeners Ejemplo de definición de listener seam

13 Arquitectura RichFaces Servlet Se define en web.xml Ejemplo de definición de servlet estandar

14 Arquitectura RichFaces Servlet Ejemplo de definición de servlet seam

15 Arquitectura RichFaces View handler Se define en faces-config.xml

16 Partial Rendering RichFaces provee rederizado parcial al framework JSF con capacidades Ajax. Minimiza la carga del servidor. Ejemplo de renderizado parcial sobre

17 Re-Rerendering Componentes que permiten Re-Rendering,,,, reRenderer es un atributo, permite indicar áreas de la pagina que serán actualizadas Interacciones Ajax Response reRenderer usa algoritmos de busqueda sobre el arbol de componentes http://java.sun.com/javaee/javaserverfaces/1.2_MR1/doc s/api/javax/faces/component/UIComponent.html#findCo mponent(java.lang.String)

18 Re-Rerendering

19 Manage Bean Modelo (.java) asociado a los componentes de la interfaz de usuario.

20 Manage Bean El Managed Bean debe ser declarado en faces- config.xml

21 Manage Bean Practica 15 minutos

22 Ajax Validators RichFaces posee 2 componentes para validar la data de ingreso. Provee capacidades de validación sobre Inputs JSF Permite validación predefinida y validación personalizada Validación basada sobre eventos.

23 Validación en el lado del Cliente Validaciones simples en base a etiquetas

24 Practica 10 minutos

25 Validaciones personalizadas usando Hibernate Referencia en http://www.hibernate.org/hib_docs/validator/reference/en /html_single/

26 Librerías requeridas, hibernate-annotations.jar, hibernate-commons-annotations.jar, hibernate-core.jar, hibernate-validator.jarlog4j.jar, slf4j-api.jar, slf4j-log4j12- 1.5.8.jar

27 Practica 20 minutos

28 Validaciones personalizadas usando Hibernate Validación en el lado del servidor

29 Skinnability Configura el Skin dentro de web.xml Alto nivel de extencion para CSS No reemplaza el uso de CSS Skins out-of-the-box classic, plain, default, blueSky, ruby, darkX* Dentro de richfaces-impl-xxx.jar dentro de /META-INF/skins folder

30 Skinnability

31 Cambiando Skins en tiempo de ejecución

32 Skinnability Creando Skin personalizado Crear el archivo.skin.properties Colocar en META-INF/skins y WEB- INF/classes Regsitrar skin en web.xml

33 Skinnability Creando Skin personalizado en base A Crear el archivo ruby16.skin.properties en base a ruby Colocar en META-INF/skins y WEB-INF/classes Regsitrar skin en web.xml

34 Skinnability Practica 20 minutos

35 Handling Resources Carga recursos (.properties), hojas de estilos (.css), javaScript (.js), imagenes etc. Componente Se registra en faces-config.xml

36 Handling Resources Manage Bean que define la localidad del contexto Registrar el Manage Bean en faces-config.xml

37 Handling Resources Practica 15 minutos

38 Caso: Registro de usuario Practica 30 minutos

39 ¡ Gracias !