Primea App JSF2

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



AGENDA

- Software necesario- Introducción a JSF 2.0

- Desplegando una

aplicación de ejemplo- Resumen• Clase 01

1



2CONTENIDO



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



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…



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



Haga clic en el icono para agregar una image

• Finalmente, obtendremos

una vista como esta.



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/*




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



• 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.




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



• 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




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



• 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.



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



3Resumen



» 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



GRACIAS

Primea App JSF2

Documents

Transcript of Primea App JSF2