Módulo 2: Añadir características avanzadas

En este módulo aprenderá a utilizar características avanzadas para modificar el formato de las páginas Web, a añadir una características que permita a los usuarios subir archivos a la base de datos, a establecer reglas que enviarán automáticamente a los usuarios a una página determinada y a automatizar tareas administrativas como por ejemplo la generación de claves.

Objetivos de aprendizaje

En este módulo se enseñan formas más desarrolladas en el uso de datos de la base de datos. En este módulo podrá:

Dar formato a registros de bases de datos de una página Web
Añadir un componente que permite subir archivos a una base de datos desde una página Web
Navegar de una página a otra automáticamente
Automatizar algunas tareas de administración de bases de datos

Tiempo necesario

Para completar este módulo hará falta aproximadamente 1 hora y 30 minutos. Si decide explorar otras facetas de sitios web dinámicos mientras trabaja con la guía de aprendizaje, puede tardar más en terminarlos.

Prerrequisitos

Si ya ha completado el Módulo 1: Crear páginas Web con conexiones de datos, puede saltarse el resto de esta sección de prerrequisitos y empezar a trabajar en Lección 2.1: Dar formato a una tabla de datos.

Si empieza a trabajar con esta guía de aprendizaje del módulo 2 sin haber hecho antes el módulo 1, tendrá que importar antes los recursos necesarios, configurar el servidor destino y configurar la conexión de base de datos.

Para importar los recursos necesarios:

Importe el proyecto. Pase a la perspectiva Web (Ventana > Abrir perspectiva > Web).
En la vista Explorador de proyectos de la perspectiva Web, asegúrese de que el proyecto ClassifiedsTutorial tenga el aspecto siguiente:

Para establecer el servidor destino:

En la vista Explorador de proyectos de la perspectiva Web, pulse con el botón derecho ClassifiedsTutorial y seleccione Propiedades
En la lista de propiedades, pulse Servidor.
En la lista Servidor predeterminado, seleccione el servidor que desea utilizar como valor predeterminado. Pulse Aplicar.
En la lista de propiedades, pulse Tiempos de ejecución destino.
En la lista Tiempos de ejecución, pulse el tiempo de ejecución que corresponde al servidor seleccionado. Pulse Aceptar.

Si el servidor que desea utilizar no aparece en la lista de tiempo de ejecución destino, cierre el entorno de trabajo e instale el servidor que desea utilizar. Una vez instalado el servidor, siga las instrucciones para establecer el servidor destino.

Nota: Si no hay ningún servidor en la lista Servidor predeterminado y ha instalado tiempos de ejecución de servidor, es posible que sea necesario configurar el servidor. Para configurar un servidor, puede hacer lo siguiente:

Pulse con el botón derecho el archivo all_records.jsp y seleccione Ejecutar como > Ejecutar en servidor.
Elija Definir manualmente un servidor nuevo.
Seleccione un servidor instalado.
Siga las instrucciones del asistente para configurar el servidor. La primera vez que ejecute en el servidor recibirá un error. Para arreglar el error, establezca el servidor destino tal como se describe más arriba, reinicie el servidor en la vista Servidores y vuelva a cargar la página Web en el navegador.

Si repasa los pasos descritos anteriormente para establecer un servidor destino, verá que el servidor predeterminado es el que acaba de configurar. Si un servidor está instalado pero no configurado, no se mostrará en la lista de servidores entre los que puede elegir un destino predeterminado.

Para obtener información sobre el despliegue de los SDO en servidores que no sean WebSphere Application Server, consulte Tema de ayuda: Desplegar SDO en servidores no WAS.

Para configurar la conexión de base de datos:

En la vista Explorador de proyectos, pulse con el botón derecho ClassifiedsTutorial y seleccione Propiedades. Se abren las Propiedades de la ventana ClassifiedsTutorial.
Pulse Conexiones JDBC.
En las propiedades de Conexión JDBC, pulse Nueva. Se abre la ventana Conexión JDBC nueva.
Pulse Crear una conexión nueva y pulse Siguiente.
En la lista Seleccionar un gestor de base de datos, expanda Derby y seleccione 10.1.
En el campo Ubicación de base de datos, pulse Examinar y seleccione <ubicación_de_espacio_de_trabajo>\ClassifiedsTutorial\WebContent\\database, donde <ubicación_de_espacio_de_trabajo> es el directorio del espacio de trabajo actual. Pulse Aceptar para cerrar la ventana Examinar carpeta.
En el campo Ubicación de clase, teclee la ubicación del archivo o los archivos JAR que implementan las clase de controlador JDBC o pulse Examinar para seleccionar la ubicación en el sistema de archivos. Una vez elegida la ubicación de los archivos JAR, pulse Abrir.
Deberá especificar un ID de usuario para acceder a la base de datos. No es necesaria una contraseña. El asistente Conexión de base de datos nueva debe tener el aspecto siguiente:
En el asistente Conexión JDBC nueva, pulse Finalizar. Volverá a la ventana Propiedades de ClassifiedsTutorial.
Pulse Configurar conexiones de base de datos del proyecto. Se abre la ventana de propiedades Conexiones JDBC.
Pulse Editar junto a la sección de detalles de la conexión de tiempo de ejecución. Seleccione Utilizar conexión del gestor del controlador como el tipo de conexión de tiempo de ejecución. Pulse Finalizar y pulse Aceptar.

Puede examinar los archivos en el proyecto Web de la guía de aprendizaje. Para abrir un archivo, pulse dos veces sobre el archivo en la vista Explorador de proyectos. Para ver una representación estilo mapa de la relación entre las páginas, efectúe una doble pulsación sobre Navegación de sitio Web en el Explorador de proyectos.

La mayoría del trabajo en este ejemplo implicará a los archivos siguientes:

all_records.jsp: Es la página de presentación del sitio. Visualizará los anuncios clasificados de la base de datos.
new_record.jsp: En esta página se crearán anuncios clasificados nuevos.
update_record.jsp: En esta página se cambiarán o se suprimirán los detalles de un anuncio de la base de datos.
classifiedTemplate.jtpl: Esta es la plantilla de las páginas del sitio. Incluye elementos como la tabla y el mensaje de cabecera gris "Bienvenido a Clasificados" que se muestra en todas las páginas. En esta página también se muestran dos pestañas de navegación bajo el mensaje de cabecera gris, las cuales dan acceso a la página de presentación y la página Nuevo anuncio clasificado.

Lecciones en este módulo

Lección 2.1: Dar formato a una tabla de datos
La tabla de datos de la página all_records.jsp tiene un aspecto utilitario. Visualiza todos los registros de la base de datos así como los enlaces a otras páginas, que es lo que se quería, pero no es muy atractiva. En este ejercicio se mejorará esta tabla de datos añadiendo un paginador, reglas de estilo e imágenes de los elementos a la venta.
Lección 2.2: Utilizar el componente de subida de archivos
Utilice esta lección para aprender a otorgar a los usuarios la capacidad de subir imágenes para los anuncios clasificados. Esta función es particularmente importante en las páginas new_record.jsp y update_record.jsp. El componente Subir archivos permite a los usuarios examinar su sistema de archivos, subir un archivo a la base de datos y hacer que este archivo se muestre inmediatamente en la base de datos.
Lección 2.3: Utilizar reglas de navegación
En esta lección, aprenderá a configurar reglas de navegación para redireccionar un usuario de sitio a páginas Web específicas.
Lección 2.4: Utilizar la generación automática de claves
En la lección anterior ha configurado las reglas de navegación para asegurar que los usuarios especifiquen un ID exclusivo para el anuncio clasificado nuevo. Este proceso es frustrante y no es realista porque no querrá que los usuarios del sitio busquen un ID exclusivo a través del procedimiento de ensayo y error. En esta lección, configurará una generación automática de claves para que la base de datos asigne automáticamente un número exclusivo a cada registro nuevo de la base de datos.
Módulo 2: Resumen
Ha terminado el Módulo 2: Añadir características avanzadas.