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

3
Curso de JavaServer Faces © Derechos Reservados Global Mentoring 2011
Ejercicio 1. HolaMundo con JSF

Paso 1: Creación del proyecto Web

4
Curso de JavaServer Faces © Derechos Reservados Global Mentoring 2011
Ejercicio 1. HolaMundo con JSF

Paso 2: Creación proyecto HolaMundoJSF

5
Curso de JavaServer Faces © Derechos Reservados Global Mentoring 2011
Ejercicio 1. HolaMundo con JSF

Paso 3: Selección de GlassFish para soporte JEE6

6
Curso de JavaServer Faces © Derechos Reservados Global Mentoring 2011
Ejercicio 1. HolaMundo con JSF

Paso 4: Selección de Facelets como framework de


presentación
Cualquier recurso o url solicitado que contenga el path /faces/*
activará la ejecución del framework de JSF.

7
Curso de JavaServer Faces © Derechos Reservados Global Mentoring 2011
Ejercicio 1. HolaMundo con JSF

Paso 5: Revisión del proyecto HolaMundoJSF


Revisar que el proyecto generado tenga la siguiente apariencia:

8
Curso de JavaServer Faces © Derechos Reservados Global Mentoring 2011
Ejercicio 1. HolaMundo con JSF

Paso 6: Código de la página JSF de inicio


Sustituir completamente el código de la página index.xhtml por el
mostrado a continuación:

<?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>
9
Curso de JavaServer Faces © Derechos Reservados Global Mentoring 2011
Ejercicio 1. HolaMundo con JSF

Paso 7: Ejecutar la aplicación HolaMundo JSF


Ejecutamos la aplicación, como se muestra a continuación:

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


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

10
Curso de JavaServer Faces © Derechos Reservados Global Mentoring 2011

También podría gustarte