curso richfaces 3.3.3 i
TRANSCRIPT
![Page 2: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/2.jpg)
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.
![Page 3: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/3.jpg)
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
![Page 4: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/4.jpg)
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
![Page 5: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/5.jpg)
I. Sesión 1
![Page 6: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/6.jpg)
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.
![Page 7: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/7.jpg)
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.
![Page 8: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/8.jpg)
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.
![Page 9: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/9.jpg)
II. Introducción JSF
De donde venimos y hacia donde vamos? Desarrollos centrados en Páginas JSP
![Page 10: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/10.jpg)
II. Introducción JSF
Desarrollos centrados en Servlets (MVC)
![Page 11: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/11.jpg)
II. Introducción JSF
Desarrollos centrados en Servlets (MVC (struts, spring, etc))
![Page 12: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/12.jpg)
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
![Page 13: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/13.jpg)
II. Introducción JSF
Arquitectura
![Page 14: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/14.jpg)
II. Introducción JSF Vista: Mediante JSPs con etiquetas JSF. Servidor: Arbol de componentes UIView
![Page 15: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/15.jpg)
II. Introducción JSF
![Page 16: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/16.jpg)
II. Introducción JSF
Ciclo de vida
![Page 17: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/17.jpg)
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.
![Page 18: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/18.jpg)
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.
![Page 19: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/19.jpg)
II. Introducción JSF
Ciclo de vida
![Page 20: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/20.jpg)
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+
![Page 21: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/21.jpg)
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.
![Page 22: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/22.jpg)
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
![Page 23: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/23.jpg)
III. RichFaces, JSF, Ajax
Componentes principales
![Page 24: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/24.jpg)
III. RichFaces, JSF, Ajax
![Page 25: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/25.jpg)
Fin de teoria !! Instalacion de Richfaces
![Page 26: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/26.jpg)
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.
![Page 27: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/27.jpg)
Crea un Dynamic Web Project
![Page 28: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/28.jpg)
Añade parámetros de contexto al web.xml
![Page 29: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/29.jpg)
Añade un Filtro al web.xml.
![Page 30: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/30.jpg)
Añade un Servet al web.xml.
![Page 31: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/31.jpg)
Añade un Listener al face-config.xml
![Page 32: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/32.jpg)
Añade una página index.html con redirección a start.jsf
![Page 33: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/33.jpg)
Añade una página start.xhtml con hello world
![Page 34: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/34.jpg)
Añade una página start.xhtml con hello world
![Page 35: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/35.jpg)
Despliega en un war dentro del contenedor tomcat
![Page 36: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/36.jpg)
Hello World
![Page 37: Curso richfaces 3.3.3 I](https://reader035.vdocuments.pub/reader035/viewer/2022081422/5562f843d8b42a275f8b47d1/html5/thumbnails/37.jpg)
¡ Gracias !