richfaces 3.3.3 noviembre 2010 claudio chaucca umana claudio.chaucca@gmail.com

RichFaces 3.3.3

Noviembre 2010

Claudio Chaucca UmanaClaudio.chaucca@gmail.com

Contenidos I Objetivos del Curso

Desarrollo de aplicaciones con RichFaces 3.3.X.

Dirigido a desarrolladores con experiencia en Java EE.

Herramientas de DesarrolloEclipse Helio.Tomcat 6 / Jboss 5RichFaces 3.3.3Jdk 1.6

Lenguaje JavaNociones de Java, Servlets, Html, Ajax.

Contenidos II Sesión 1

Introducción a RichFaces Introducción a JSF RichFaces , JSF, Ajax. Instalación herramientas. Caso: Hello World.

Sesión 2 Arquitectura RichFaces Filters y Listeners Manejo de Session y Excepciones Manage beans Ajax Validators Skins Caso: Login

Contenidos III Sesión 3

Librerías Core Ajax, UI and Ajax4Java (a4j) Ajax Support y Region (a4j:support / a4j:region) Forms, Command and Links A4j:include, a4j:poll, a4j:push, A4j:status Panels / Panel bar/Panel Menu/Tab Panel Componets /

Input/Select/Combo/Slider/SuggestionBox Caso: Mantenimiento de clientes.

Sesión 4 Menu, drop down Menu, Menu Item, Tool Bar DataGrid, Data Table, Data Scroller, Filtering, Sorting Tree Tags/tree adaptor Caso: Estado de cuenta por cliente

I. Sesión 1

I. Introducción a RichFacesLibrería de componentes JSF, original de

Exadel adquirida por Jboss.Posee un avanzado framework ajax

Ajax4JSF.Creación de componentes UI dinámicos.Posee un kit de desarrollo de componentes

(CDK). Corre en cualquier contenedor ServletAplicaciones de estilos Dinámicos SkinsCompetidores ADF, MyFaces, IceFaces, etc.

I. Introducción a RichFacesDecidimos que parte de la pagina Actualizar

(reRenderer).Experiencia del usuario URI (Rich User), base

de la Web 2.0Mas de 70 componentes URI, con soporte

Ajax.Agregamos capacidad Ajax a estándar JSF.Fácil de desarrollar Integra Prototype, jQuery, Script.aculo.us.Etc.

II. Introducción JSF

Framework de componentes UI Server-Side. Java EE 5 tecnologia estandar Modelo de programacion orientado a eventos. Desarrollo basado en componentes. Validaciones, Conversiones, Mensajes de error

e internacionalizacion.

II. Introducción JSF

De donde venimos y hacia donde vamos? Desarrollos centrados en Páginas JSP

II. Introducción JSF

Desarrollos centrados en Servlets (MVC)

II. Introducción JSF

Desarrollos centrados en Servlets (MVC (struts, spring, etc))

II. Introducción JSF

Aplicaciones ricas, dinamicas, aplicaciones de escritorio en entornos web.

Especificacion desarrollada bajo la JCP (java community Process)

JSP 1.0, 1.1, 1.2, ultimo JSF 2.0 Fichero de configuracion faces-config.xml

II. Introducción JSF

Arquitectura

II. Introducción JSF Vista: Mediante JSPs con etiquetas JSF. Servidor: Arbol de componentes UIView

II. Introducción JSF

II. Introducción JSF

Ciclo de vida

II. Introducción JSF

1. Restore view.- se crea el arbol de componentes solo la primera vez.

2. Apply request values.- envio de campos del formulario al Backing bean, se produce conversion.

3. Process Validators.- calculo de valores y validacion.

II. Introducción JSF

4. Update Model Values.- asocia propiedades del Backing bean a componentes

5. Invoke application.- invocacion de metodos en el backing bean, reglas de navegacion.

6. Render Response.- Actualizacion de valores de componetes desde el baking bean.

II. Introducción JSF

Ciclo de vida

III. RichFaces, JSF, Ajax

Desarrollado por Jboss, libreria de componentes JSF.

Posee un framework ajax Ajax4JSF Uso de Ciclo de vida, Validadores y

Conversores Soportado por jdk 1.5 +, JSF 1.1+ Navegadores ie 6.0+, firefox 1.5+. Soporte de componentes MyFaces 1.1.1+

III. RichFaces, JSF, Ajax

Basado en anotaciones en java, evita tediosos XML configuraciones.

Componentes: 2 conjuntosCore Ajax: ajaxizar paginas JSF estandar.UI: conjunto avanzado de componetes UI ajax Kit de desarrollo de componetes (CDK)

componetes personalizados.

Componentes principales Ajax Filter.- agrega capacidades ajax a aplicaciones

JSF estandar. Ajax Action Component.- Ajaxizar a componetes

JSF estandar. Ajax Containers.- area o region de la pagina a

actualizar. Skinnability.- aplicación de estilos dinamicos Java Script Engine.- maneja request/response

desde el browser del cliente.

III. RichFaces, JSF, Ajax

III. RichFaces, JSF, Ajax

Componentes principales

III. RichFaces, JSF, Ajax

Fin de teoria !! Instalacion de Richfaces

IV. Caso: Hello World Prácticas

Crea un Dynamic Web Project sobre eclipse.Añade parámetros de contexto al web.xmlAñade un Filtro al web.xml.Añade un Servet al web.xmlAñade un Listener al faces-config.xml.Añade una página index.html con redirección

a start.jsfAñade una página start.xhtml con hello worldDespliega en un war dentro del contenedor

tomcat.

Crea un Dynamic Web Project

Añade parámetros de contexto al web.xml

Añade un Filtro al web.xml.

Añade un Servet al web.xml.

Añade un Listener al face-config.xml

Añade una página index.html con redirección a start.jsf

Añade una página start.xhtml con hello world

Añade una página start.xhtml con hello world

Despliega en un war dentro del contenedor tomcat

Hello World

¡ Gracias !