1124

Capítulo 26 Aplicaciones Web: parte 1

 1 

<?xml version 

=

"1.0"

 encoding 

=

"UTF-8"

?>

2

 3 

<!-- Fig. 26.17: ComponentesWeb.jsp -->

4

<!-- Formulario de registro que demuestra el uso de los componentes JSF. -->

5

<jsp:root version 

=

"1.2"

xmlns:

f = 

"http://java.sun.com/jsf/core"

6

xmlns:h

=

"http://java.sun.com/jsf/html"

xmlns:jsp

=

 7  

"http://java.sun.com/JSP/Page"

xmlns:ui

=

"http://www.sun.com/web/ui"

>

8

<jsp:directive.page contentType

 = 

"text/html;charset = UTF-8"

 9   

pageEncoding

 = 

"UTF-8"

/>

 10  

<f:view>

11   

<ui:page binding

 = 

"#{ComponentesWeb.page1}"

id

 = 

"page1"

>

 

12    

<ui:html binding

 = 

"#{ComponentesWeb.html1}"

id

 = 

"html1"

>

13 

 

 

 

      

<ui:head binding 

=

"#{ComponentesWeb.head1}"

id

 = 

"head1"

>

 14 

 

 

 

          

 <ui:link binding

 = 

"#{ComponentesWeb.link1}”

id

 = 

"link1"

 

15     

 

 

url

 = 

"/resources/stylesheet.css"

/>

 16 

 

 

 

      

</ui:head>

Figura 26.17

  |  Formulario de registro que demuestra el uso de los componentes JSF. (Parte 1 de 3).

Componentes JSF

Descripción

Etiqueta

Muestra texto que se puede asociar con un elemento de entrada.

Texto estático

Muestra texto que el usuario no puede editar.

Campo de texto

Recopila la entrada del usuario y muestra texto.

Botón

Desencadena un evento cuando se oprime.

Hipervínculo

Muestra un hipervínculo.

Lista desplegable

Muestra una lista desplegable de opciones.

Grupo de botones de selección

Muestra botones de opción.

Imagen

Muestra imágenes (como GIF y JPG).

Figura 26.16  

|  Componentes JSF de uso común.

posteriores. Todo el código en la fi gura 26.17 se generó mediante Java Studio Creator 2, en respuesta a las acciones 
realizadas en modo 

Diseño

. Este ejemplo no realiza ninguna tarea cuando el usuario hace clic en 

Registrar

. Le 

pediremos que agregue funcionalidad a este ejemplo como un ejercicio. En los siguientes ejemplos, demostrare-
mos cómo agregar funcionalidad a muchos de estos componentes JSF.

Antes de hablar sobre los componentes JSF que se utilizan en este archivo JSP, explicaremos el XHTML que 

crea el esquema de la fi gura 26.17. Como dijimos antes, Java Studio Creator 2 utiliza el posicionamiento abso-
luto, por lo que los componentes se despliegan en donde se hayan soltado en el Editor visual. En este ejemplo, 
además del posicionamiento absoluto utilizamos un componente 

Paneldecuadrícula

 (líneas 31 a 52) del grupo de

componentes

Diseño

 de la 

Paleta

. El prefi jo 

h:

indica que se encuentra en la biblioteca de etiquetas HTML 

de JSF. Este componente, un objeto de la clase 

HtmlPanelGrid

 en el paquete 

javax.faces.component.html

,

controla el posicionamiento de los componentes que contiene. El componente 

Panel de cuadrícula

 permite al 

diseñador especifi car el número de columnas que debe contener la cuadrícula. Después se pueden soltar los com-
ponentes en cualquier parte dentro del panel, y éstos se reposicionarán automáticamente en columnas espaciadas 
de manera uniforme, en el orden en el que se suelten. Cuando el número de componentes excede al número de 
columnas, el panel desplaza los componentes adicionales hacia una nueva fi la. De esta forma, el 

Panel de cua-

drícula

 se comporta como una tabla de XHTML, y de hecho se despliega en el navegador como una tabla XHT-

ML. En este ejemplo, usamos el 

Panel de cuadrícula

para controlar las posiciones de los componentes 

Imagen

 y 

Campo de texto

 en la sección de la página acerca de la información del usuario.

26_MAQ_CAP_26_Deitel.indd1124

5/8/084:15:26PM