Está en la página 1de 10

Curso de JavaServer Faces

Ing. Ubaldo Acosta Soto www.globalmentoring.com.mx uacosta@globalmentoring.com.mx

Derechos Reservados Global Mentoring 2011

Curso de JavaServer Faces

Ejercicio 1
HolaMundo con JSF

www.globalmentoring.com.mx

Derechos Reservados Global Mentoring 2011

Ejercicio 1. HolaMundo con JSF

Objetivo del Ejercicio


El objetivo del ejercicio es crear un proyecto JSF con ayuda del IDE de NetBeans. El resultado ser similar a la figura siguiente: Abrir el navegador web y visualizar el resultado con la siguiente url:
http://localhost:8080/HolaMundoJSF/faces/index.xhtml

Curso de JavaServer Faces

3 Derechos Reservados Global Mentoring 2011

Ejercicio 1. HolaMundo con JSF

Paso 1: Creacin del proyecto Web

Curso de JavaServer Faces

4 Derechos Reservados Global Mentoring 2011

Ejercicio 1. HolaMundo con JSF

Paso 2: Creacin proyecto HolaMundoJSF

Curso de JavaServer Faces

5 Derechos Reservados Global Mentoring 2011

Ejercicio 1. HolaMundo con JSF

Paso 3: Seleccin de GlassFish para soporte JEE6

Curso de JavaServer Faces

6 Derechos Reservados Global Mentoring 2011

Ejercicio 1. HolaMundo con JSF

Paso 4: Seleccin de Facelets como framework de presentacin


Cualquier recurso o url solicitado que contenga el path /faces/* activar la ejecucin del framework de JSF.

Curso de JavaServer Faces

7 Derechos Reservados Global Mentoring 2011

Ejercicio 1. HolaMundo con JSF

Paso 5: Revisin del proyecto HolaMundoJSF


Revisar que el proyecto generado tenga la siguiente apariencia:

Curso de JavaServer Faces

8 Derechos Reservados Global Mentoring 2011

Ejercicio 1. HolaMundo con JSF

Paso 6: Cdigo de la pgina JSF de inicio


Sustituir completamente el cdigo de la pgina index.xhtml por el mostrado a continuacin:
<?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <title>HolaMundo JSF</title> </h:head> <h:body> <h:form> <table> <tr> <td><h:outputLabel for="nombre" value="Nombre:" /></td> <td><h:inputText id="nombre" /></td> <td><h:message for="nombre" /></td> </tr> </table> <h:commandButton value="Enviar" /> </h:form> </h:body> </html>
Curso de JavaServer Faces
9 Derechos Reservados Global Mentoring 2011

Ejercicio 1. HolaMundo con JSF

Paso 7: Ejecutar la aplicacin HolaMundo JSF


Ejecutamos la aplicacin, como se muestra a continuacin:

Abrir el navegador web y visualizar el resultado con la siguiente url:


http://localhost:8080/HolaMundoJSF/faces/index.xhtml

Curso de JavaServer Faces

10 Derechos Reservados Global Mentoring 2011

También podría gustarte