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: