Introduccion JSF

19
JSF 2.0 El Desarrollo Web Java Ahora Fácil Ing. Joan Sebastián Sepúlveda Vélez Fundación Universitaria Tecnológico Comfenalco 2011

Transcript of Introduccion JSF

Page 1: Introduccion JSF

JSF 2.0El Desarrollo Web Java Ahora Fácil

Ing. Joan Sebastián Sepúlveda VélezFundación Universitaria Tecnológico Comfenalco

2011

Page 2: Introduccion JSF

Expectativas

¿Que es JSF?¿Para que sirve?¿Donde lo aplico?¿Cuando lo aplico?...

Page 3: Introduccion JSF

¿Que es JSF 2.0?

Tecnología que simplifica la creación de interfaces de usuario para aplicaciones JavaServer.

Muy baja complejidad.

Permite crear las interfaces a través de componentes reutilizables, los cuales se pueden conectar con cualquier fuente de datos así como también pueden estar asociados a eventos en el servidor.

JSR-127 -> JSR-314

Page 4: Introduccion JSF

¿Que es JSF 2.0?

JavaServerFaces (JSF) se rige bajo el ExpertGroup (EG) el cual opera bajo la JCP.

Bajado en MVC.

Diversidad de Tecnologías y Framework's JavaWeb:ServletJSPApache StrutsZKSpring MVCJSF 1.xJSF 2.0

Page 5: Introduccion JSF
Page 6: Introduccion JSF

Ventajas de JSF 2 sobre JSF 1.x

Anotaciones vs configuración en faces-config.xmlSoporte de AjaxIntegración nativa de FaceletsFácil creación de ComponentesMas componentes y ValidacionesY mas...

Page 7: Introduccion JSF

Implementaciones JSF 2.0

Page 8: Introduccion JSF

Ambiente de Desarrollo

JavaPara ejecutar con Tomcat 6, necesario Java 5 o posterior.Para ejecutar con Tomcat 7 o Glassfish 3, necesario Java 6 o posterior.

Un servidorLos servidores que sólo ofrecen servlets 2.5 o posterior (por ejemplo, Tomcat 6 o 7) necesita dos archivos JAR (jsf-api.jar y impl.jar jsf).Además, JSTL 1.2 archivos JAR necesarios si se utiliza las etiquetas de ui: repeat.

IDE: Netbeans, Eclipse, JBossDeveloper, JDeveloper, etc.

Nota: Los servidores que soportan Java EE 6 (por ejemplo, Glassfish 3, JBoss 6, WebLogic 11g) tiene soporte integrado para JSF 2.0 y JSTL 1.2

Page 9: Introduccion JSF

Estructura de Proyecto

Page 10: Introduccion JSF

WEB.XML

Page 11: Introduccion JSF

Temas a ver... usando JFS y Primefaces

Namespaces y sus ComponentesManagedBean's

Anotaciones (managedBean, scope)Expression Language Eventos NavegacionValidacionesConvertidoresPlantillas con FaceletsComponentes por Composición.

Page 12: Introduccion JSF

NameSpaces

Se definen como atributos de la etiqueta que engloba a la pagina xhtml, por ejemplo:

xmlns:h="http://java.sun.com/jsf/html"

Son un URI que define un conjunto de componentes pre-compilados y listos para usar.

Los componentes se acceden a través de un carácter representativo. En el ejemplo anterior estos se accederán mediante la letra "h" de la siguiente forma:

h:commandButton

Page 13: Introduccion JSF

xmlns:h="http://java.sun.com/jsf/html"Hace referencia a un conjunto de componentes html pre-compilados y listos para usar en JSF.

Page 14: Introduccion JSF

xmlns:f="http://java.sun.com/jsf/core"Hace referencia a un conjunto de componentes propios del core de JSF los cuales al igual que los anteriores se encuentran pre-compilados y listos para usar.

Page 15: Introduccion JSF

Ejemplo de Utilización de Componentes

Page 16: Introduccion JSF

ManagedBean

Separa en las aplicaciones Web la presentación de la lógica del negocio.

Estructuralmente son iguales a un JavaBeans normal, aunque estos tienen métodos que controlan los eventos de los componentes de la vista.

Se pueden definir de dos formas:marcando el bean con la anotación @ManagedBean (JSF 2)declarando el managedBean en el faces-config.xml

Page 17: Introduccion JSF

ManagedBean

@ManagedBean, atributos:nameeager

Scope: define el ámbito/alcance en el cual va a estar disponible el bean:

request (@RequestScoped)session (@SessionScoped)view (@ViewScoped)applicaction (@ApplicationScoped)none (@NoneScoped)

Page 18: Introduccion JSF

Expression Language - EL

Se usa para acceder a las propiedades y métodos de los beans desde la pagina JSF.

#{managedBean.property}

Page 19: Introduccion JSF

PrimeFaces

Aquí haremos un alto en el camino por el mundo de JSF y veremos algo de PrimeFaces, para ver como lo integramos y trabajaremos simultáneamente con esta implementación la cual nos dotará de más componentes, estilos visuales mas llamativos y mas...

1. Introducción PrimeFaces2. Ajax JSF3. Suite de Componentes PrimeFaces4. Componentes por Composición