5/28/2018 Laboratorio 3.1 - Configuracin de una aplicacin JSF.doc

1/10

CIBERTEC

Direccin de Extensin ProfesionalDIVISIN DE ALTA TECNOLOGA !DAT"

Pro#ra$a % Java Master Application DeveloperC&rso % Construyendo la Capa de Presentacin de la Aplicacin

La'oratorio N( )*+

Confi#&racin de &na a,licacin -S.

Construya una aplicacin Web utilizando JSF en base a los siguientes prototipos:

1

5/28/2018 Laboratorio 3.1 - Configuracin de una aplicacin JSF.doc

2/10

1 Cree un nuevo proyecto Web con no!bre "aboratorio#$1

Clic derec%o en zona blanca de pesta&a Pro'ects

Seleccione Java Web ( Web Application

2

5/28/2018 Laboratorio 3.1 - Configuracin de una aplicacin JSF.doc

3/10

)ngrese el no!bre de Proyecto

Seleccione el Servidor y la versin de Java **

3

5/28/2018 Laboratorio 3.1 - Configuracin de una aplicacin JSF.doc

4/10

Seleccione JavaServer Faces y actualicer la con+iguracin seg,n lo en!arcado en el

recuadro

4

5/28/2018 Laboratorio 3.1 - Configuracin de una aplicacin JSF.doc

5/10

Final!ente- de clic en .inis/

. /evise el proyecto 0enerado

Ya tenemos lista la configuracin del proyecto con Soporte de JSF. *'ecute la Aplicacin

5

LIBRERIAS JSF

LIBRERIAS JSTL

5/28/2018 Laboratorio 3.1 - Configuracin de una aplicacin JSF.doc

6/10

)*# )!ple!ente los siguientes prototipos:

Cree una pgina 234M"

3aga clic derec%o en Web Pages

6

5/28/2018 Laboratorio 3.1 - Configuracin de una aplicacin JSF.doc

7/10

Seleccione 234M"

5o!bre de arc%ivo: paso 1

Cree dos pginas 234M" adicionales: /epita los !is!os pasos las siguientes

pginas: ,aso0*x/t$l y,aso)*x/t$l*

7

5/28/2018 Laboratorio 3.1 - Configuracin de una aplicacin JSF.doc

8/10

*dite pgina inde66%t!l

A&ada un enlace 7ue redireccione a paso16%t!l a traves de JSF

*dite la pgina paso16%t!l

A&adir un +or!ulario con un enlace 7ue redireccione a paso.6%t!l

*dite la pgina paso.6%t!l

A&ada un +or!ulario con una ca'a de te6to cuyo valor debe !ostrarse en paso#6%t!l

TagLibs

Componentes IU -

Componentes IU -

5/28/2018 Laboratorio 3.1 - Configuracin de una aplicacin JSF.doc

9/10

Cree el siguiente pa7uete peeducibertec!anaged

Dentro del pa7uete- cree una clase P8J8 con no!bre De$oBean cuya

i!ple!entacin es la siguiente:

*dite la pgina paso.6%t!l

Asocie los co!ponentes )9 con las propiedades(!todos del Manage;ean

!

5/28/2018 Laboratorio 3.1 - Configuracin de una aplicacin JSF.doc

10/10

*dite la pgina paso#6%t!l

Muestre el te6to Valor ingresado: ________

*l valor en este caso se obtiene de la propiedad