detalladas para crear el programa. [

Nota: el marcado en la fi gura 26.4 y en los demás listados de archivos JSP en 

este capítulo es el mismo que el marcado que aparece en Java Studio Creator 2, pero hemos cambiado el formato 
de estos listados para fi nes de presentación, para que el código sea más legible].

Java Studio Creator 2 genera todo el marcado que se muestra en la fi gura 26.4 cuando establecemos el título 

de la página Web, arrastramos dos componentes 

Texto estático

 en la página y establecemos las propiedades de 

estos componentes. Los componentes 

Texto estático

 muestran texto que el usuario no puede editar. En breve 

le mostraremos estos pasos.

 1 

<?xml version 

=

"1.0"

 encoding 

=

"UTF-8"

?>

2

 3 

<!-- Fig. 26.4: Hora.jsp -->

4

<!-- Archivo JSP generado por Java Studio Creator 2, que muestra -->

5

<!-- la hora actual en el servidor Web -->

6

<jsp:root version 

=

"1.2"

7

xmlns:f

=

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

8

xmlns:h

=

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

9

xmlns:jsp

=

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

10

xmlns:ui

=

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

>

11

<jsp:directive.page contentType 

=

"text/html;charset = UTF-8"

12   

pageEncoding

=

"UTF-8"/

>

13

<f:view>

14   

<ui:page binding 

=

 "#{Hora.page1}"

id

=

 "page1"

>

 

15    

<ui:html binding 

=

"#{Hora.html1}"

id

=

"html1"

>

 16 

 

 

 

      

<ui:head binding 

=

"#{Hora.head1}"

id

=

"head1"

 17 

 

 

 

            

title

=

"Hora Web: un ejemplo simple"

>

 18 

 

 

 

            

<ui:link binding 

=

"#{Hora.link1}"

id

=

"link1"

 

19     

 

 

url

=

 "/resources/stylesheet.css"/

>

20 

 

 

 

            

</ui:head>

21 

 

 

 

            

<ui:meta content 

=

"60"

 httpEquiv 

=

 "refresh" /

>

 22 

 

 

 

            

<ui:body binding 

=

"#{Hora.body1}"

id

=

"body1"

 

23     

 

 

style

=

"-rave-layout: grid"

>

 

24     

 

 

<ui:form binding 

=

"#{Hora.form1}"

id

=

"form1"

>

 25 

 

 

 

 

        

<ui:staticText binding 

=

"#{Hora.encabezadoHora}"

id

=

26 

 

 

 

 

              

"encabezadoHora"

style

=

"font-size: 18px; left: 24px;

 27 

 

 

 

 

              

top: 24px; position: absolute"

text

=

 "Hora actual

 28 

 

 

 

 

              

en el servidor Web : "

/>

 29 

 

 

 

 

         

<ui:staticText binding 

=

"#{Hora.textoReloj}"

id

=

 30 

 

 

 

 

              

"textoReloj"

style

=

"background-color: black; 

 31 

 

 

 

 

              

color: yellow; font-size: 18px; left: 24px; top: 

32 

 

 

 

 

              

48px; position: absolute"

/>

 33 

 

 

 

            

</ui:form>

34 

 

 

 

      

</ui:body>

35    

</ui:html>

36   

</ui:page>

37

</f:view>

38

</jsp:root>

Figura 26.4

 |  Archivo JSP generado por Java Studio Creator 2, que muestra la hora actual en el servidor Web.

26.5.1 Análisis de un archivo JSP

Los archivos JSP que se utilizan en este ejemplo (y los siguientes) se generan casi completamente mediante Java 
Studio Creator 2, el cual proporciona un Editor visual que nos permite crear la GUI de una página al arrastrar 
y soltar componentes en un área de diseño. El IDE genera un archivo JSP en respuesta a las interacciones del 
programador. En la línea 1 de la fi gura 26.4 está la declaración XML, la cual indica que la JSP está expresada en 
sintaxis XML, junto con la versión de XML que se utiliza. En las líneas 3 a 5 hay comentarios que agregamos a la 
JSP, para indicar su número de fi gura, nombre de archivo y propósito.

26.5 Creación y ejecución de una aplicación simple en Java Studio Creator 2 

1109

26_MAQ_CAP_26_Deitel.indd1109

5/8/084:15:16PM