JTagua

Inicio » JSP/SERVLETS » Página1 » Mi primera página Web dinámica con JSP.

Mi primera página Web dinámica con JSP.

Licencia

Creative Commons License

Visitas:

  • 792.445 hits
Anuncios

Vamos a dar los primeros pasos con Netbeans y  JSP, para ello vamos a producir una sencilla página JSP que produzca el resultado siguiente en el cliente o navegador (Firefox), después de ser procesada por el servidor, en este caso localhost.

Como parece obvio, se requiere que una vez presentada la página con la fecha y hora correctas, si se “recarga” la página cambie dicha  información convenientemente, si procede … Este es el concepto más simple de página web dinámica, aquella que su información cambia con el tiempo…

RESPUESTA:

Abra un nuevo proyecto con NetBeans,

1.- Haga “Nuevo Proyecto”, Seleccione la categoría “Java Web” y el proyecto como “WebApplication”.

2.- Haga Siguiente.

3.- Denomine al proyecto, por ejemplo, “primerJSP”, (puede usar cualquier nombre. Establezca la ubicación del proyecto. Haga siguiente.

4.-Compruebe quer tiene seleccionado Apache Tomcat

5.- NO MARQUE NINGUN FRAMEWORK. Pulse Finalizar, finalmente …

4.- Sustituya el grupo de instrucciones del archivo index.jsp generado como plantilla, por el siguiente otro código:


[pre]

<%--
 Document   : index
 Created on : 10-ene-2013, 21:00:24
 Author     : Jtaguaa
 --%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
 html>
 <%@page import="java.text.*, java.util.*" %>
 <html>
 <head>
 text/html; charset=UTF-8">
 <title>Primera página</title>
 </head>
 <body>
 <h1>
 <%
 Date d = new Date();
 String hoy = DateFormat.getDateInstance().format(d);
 String hora = DateFormat.getTimeInstance().format(d);
 %>
 <center>
 Son las <em/> <%= hora %> </em> del día <em/> <%=hoy %></em>
 </center>
 </h1>
 </body>
 </html>

[/pre]

Ejecute  y compruebe el resultado. Recargue la página una y otra vez y debería comprobar que, al menos, la hora cambia en cada recarga.

Image5

Si todo va bien, pruebe lo siguiente:

1) Elimine la importación de la librería java.text.* en la directiva de la línea 10 ¿Qué ocurre?.

2) Elimine la importación de la librería java.util.* en la directiva de la linea 10 ¿Qué ocurre?.

3) Sustituya “java.util.*” por “java.util.Date”, en la directiva de la línea 10  ¿Qué Ocurre?.

Podemos observar que java,util.Date, define la clase y el tipo Date, por ello, en la línea 18 podemos construir el objeto “d” con la información del día y hora que indique el servidor, y que en nuestro caso, si trabajamos con localhost, coincidirá con el día y hora de nuestro equipo.

En la línea 19 y 20 estamos usando la clase abstracta DateFormat para formatear y convertir a cadena la fecha y la hora a partir del objeto “d”.

Una clase abstracta es aquella que al menos tiene un método abstracto. Método abstracto es el que está definido pero no tiene implementación. La clase abstracta no permite crear objetos, se utiliza para que otras clases hereden de ella,  o sea que no se puede instanciar, y se usa únicamente para definir subclases. Se usa cuando queremos definir una abstracción que englobe objetos de varios tipos y queremos hacer uso del polimorfismo. En este caso, DateFormat maneja dos subclases que se corresponden con fecha y hora. Por esta razón para poder operar con una o con la otra, necesitamos getDteInstance() y getTimeInstance()

En la línea 7 hemos hecho uso de lo que se conoce en JSP como “directiva”. Las directivas son especificaciones que afectan a la estructura general de la página. En este caso concreto especificamos el tipo de documento que se intercambiará el servidor al entregar la respuesta al cliente solicitante (text/html) y además el grupo de caracteres que se utilizarán (UTF-8).

En la líneas 10 hemos incluido otra directiva que permitirá a la página incorporar ciertos tipos y ciertas clases necesarias para resolver el problema tal como se ha discutido mas arriba. Esta directiva no tiene porqué estar al principio de la sección <body>, podría ir al final.

En la línea 24 se ha hecho uso de las “expresiones de JSP”. En JSP una expresión comienza con la etiqueta <%= y finaliza con %>. Normalmente dentro de ambas etiquetas aparece una variable del programa, de manera que el Motor de JSP, lo único que hace cuando construye el HTML que devolverá al cliente, es sustituir dicha expresión por el valor que tenga la variable.

Nota: No se preocupe excesivamente si apenas ha entendido nada, esto suele ocurrir cuando se empieza algo. En las siguientes entradas de esta categoría se explicarán todas las cuestiones aquí tratadas.

Anuncios

6 comentarios

  1. pakilprogramador dice:

    muy buen ejemplo como para empezar de principiante..

  2. Juan Pablo dice:

    Buen ejemplo,me servio par aver algunas cosas,estoy iniciando.Saludos!

  3. Andres A dice:

    buen ejemplo pero me gustaria hacer una consulta yo estoy empezando a trabajar con jsp tengoi netbeens pero no tengo las librerias jsp y no se como instalarlas en neetbeens me puedes ayudar por favor

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

A %d blogueros les gusta esto: