Upload
fernando-silvano-gil-perez
View
124
Download
0
Embed Size (px)
Citation preview
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 1/15
Primera App
JAVA SERVER FACES 2.0
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 2/15
AGENDA
- Software necesario- Introducción a JSF 2.0
- Desplegando una
aplicación de ejemplo- Resumen• Clase 01
1
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 3/15
2CONTENIDO
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 4/15
S o f t w
a r e N e c e s a r i o
Software
JDK 6 Update 18+
Eclipse (Helios, Indigo, etc)
Tomcat 6+
Librerías .jar
Jsf-apiJsf-impl
jstl
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 5/15
I n t r o d u c c i ó n a
J S F 2 . 0
JSF 2.0 agrega muchas funcionalidades nuevas.‐ Valores por defecto más útiles.
‐ Anotaciones para reemplazar entradas en el archivofaces-config.xml
‐ Soporte Ajax
‐ Soporte integrado para Facelets
‐ Más componentes y validadores
‐ Componentes personalizados más simples
‐ Habilidad para bookmark (marcar) direcciones de
página…
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 6/15
D e s p l e g a n d o u n a a p l i c a c
i ó n d e
e j e m p l o
Creación‐ Crear un proyecto Web con el nombre “jsf -basics” >>
Next‐ Señalar que el proyecto se desplegará en el servidor
Tomcat >> Next
‐ Seleccionar la plataforma JavaServer Faces
‐ En la pestaña de Configuración, modificar el
patrón URL por el siguiente valor: *.jsf
‐ Seleccionar como lenguaje de página preferida:
Facelets >> Finish
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 7/15
Haga clic en el icono para agregar una image
• Finalmente, obtendremos
una vista como esta.
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 8/15
Pulse para editar los formatosdel texto del esquema
Segundo nivel del
esquema
Tercer nivel del
esquema
Cuarto nivel
del esquema
Quinto
nivel del
esquema
Sexto
nivel del
esquema
Séptimo
nivel del
esquema
Octavo
nivel del
esquema
Noveno nivel del esquemaHaga clic
para modificar el estilo de texto
• Configuración
• Debe ser una versión
mayor a 2.5. Glassfish
soporta servlets versión
3.0
• Brinda mayor detalle en
los mensajes de error.
Esto es opcional y
nuevo en JSF 2.0
• Esto es lo mismo que
en JSF 1.X
• Patrón que obedece el
Contexto Faces. Otrasopciones populares son
*.faces o /faces/*
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 9/15
Pulse para editar los formatosdel texto del esquema
Segundo nivel del
esquema
Tercer nivel del
esquema
Cuarto nivel
del esquema
Quinto
nivel del
esquema
Sexto
nivel del
esquema
Séptimo
nivel del
esquema
Octavo
nivel del
esquema
Noveno nivel del esquemaHaga clic
para modificar el estilo de texto
• Configuración
• Clic derecho en Web
Pages y seleccione >>
New >> Other
• En la categoría
JavaServer Faces >> JSF
Faces Configuration >>
Next
• Escribir en nombre:
“faces-config” >> Finish
• Durante el ejemplo,
este archivo casi
siempre estará vacio.
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 10/15
Pulse para editar los formatosdel texto del esquema
Segundo nivel del
esquema
Tercer nivel del
esquema
Cuarto nivel
del esquema
Quinto
nivel del
esquema
Sexto
nivel del
esquema
Séptimo
nivel del
esquema
Octavo
nivel del
esquema
Noveno nivel del esquemaHaga clic
para modificar el estilo de texto
• Codificación
• La misma cabecera que en JSF 1.x.
Pero en JSF 2.0, faceletes son la
manera estándar de hacer JSP’s.
• No es necesario usar <h:body> o
<h.head> en este ejemplo, sin
embargo cuando se utilize
<h:outputScript> y especialmente
<f:ajax>, se requerirá estas
etiquetas.
• Los elementos de entrada son
ignorados en este ejemplo simplón.
Más adelante se estudiará el
atributo “value”.
• El mismo formato que en JSF 1.X.
Pero el nombre del bean
administrado se deriva del nombre
de la clase Java
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 11/15
Pulse para editar los formatosdel texto del esquema
Segundo nivel del
esquema
Tercer nivel del
esquema
Cuarto nivel
del esquema
Quinto
nivel del
esquema
Sexto
nivel del
esquema
Séptimo
nivel del
esquema
Octavo
nivel del
esquema
Noveno nivel del esquemaHaga clic
para modificar el estilo de texto
• Codificación:
• Declarar esta clase como Managed
Bean evita una entrada en el archivo
faces-config.
• Debido a que no se le está pasando
un nombre en el atributo “name”, el
nombre del Managed Bean es el
nombre de la clase Java con la
primera letra en minúscula.
• Debido a que no se le está indicando
un alcance. El alcance por defecto es
Request Scope.
• Estos valores corresponden a las
páginas accepted.xhtml y
rejected.xhtml.
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 12/15
Pulse para editar los
formatos del texto del
esquema
Segundo nivel del
esquema
Tercer nivel del
esquema Cuarto nivel
del esquema
Quintonivel del
Desplegando una aplicación de ejemplo
accepted.hxtml rejected.hxtml
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 13/15
3Resumen
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 14/15
» web.xml contiene el patrón url *.jsf
» faces-config.xml con etiquetas de apertura y
cierre legales, pero con un cuerpo vacio.
» Usar archivos .xhtml, pero que se acceden con
url’s .jsf » Facelets, una manera éstandar de hacer JSP’s
» @ManagedBean antes del nombre de una clase
Java hace que actue como un bean administrado
» Los valores que retornan los métodos de un
bean administrado deben corresponder a un
nombre de una página (en el mismo folder).
APLICACIÓN
5/16/2018 Primea App JSF2 - slidepdf.com
http://slidepdf.com/reader/full/primea-app-jsf2 15/15
GRACIAS