Antes de comenzar, debe haber completado el Ejercicio 1.1: Importación de los recursos necesarios.
El sitio Web de esta guía de aprendizaje utiliza páginas web dinámicas para acceder a orígenes de datos, como bases de datos, y visualiza en la página la información de dichos orígenes de datos. En este ejercicio, configurará la página all_records.jsp para visualizar todos los anuncios clasificados de la base de datos. En las próximos ejercicios, se conectarán las otras páginas a la base de datos, de forma que se podrán crear anuncios clasificados nuevos, editar los antiguos y mostrar una lista filtrada de anuncios.
Esta guía de aprendizaje utiliza dos componentes que conectan páginas a bases de datos
utilizando Java Server Faces: registros relacionales y listas
de registros relacionales. Estos componentes representan los datos
en una base de datos, de forma que los datos se pueden visualizar en
la página en forma de tabla de datos o en una tabla HTML corriente. Estos componentes utilizan
JavaBeans de acceso a datos;
Más información acerca de beans de acceso a datos o
Más información acerca de componentes Faces y JavaServer Faces.
Los Registros relacionales se conectan a un sólo registro de una base de datos. En este caso, un registro relacional representa un único anuncio clasificado de la base de datos de ejemplo. Mediante el uso de un registro relacional puede crear, editar o suprimir registros.
Las listas de registros relacionales se conectan a más de un registro de una base de datos. En este caso, una lista de registros relacionales representa entre 2 y todos los anuncios clasificados de la base de datos de ejemplo. A través del uso de una lista de registros relacionales se pueden visualizar todos los registros o una selección de los mismos.
En estos pasos se creará una lista de registros relacionales para representar todos los anuncios clasificados de la base de datos. Posteriormente podrá conectar a la base de datos y seleccionar la tabla que almacena la información que se necesita en la lista de registros relacionales. Finalmente, visualizará esta lista de registros relacionales en la página en una tabla de datos.
Puede que se le solicite guardar el archivo all_records.jsp. Si es así, pulse Aceptar.
Se abrirá la ventana Añadir lista de registros relacionales.
Los nombres de la lista de registros relacionales y del registro relacional deben cumplir el convenio de denominación estándar de Java para nombres de variables (por ejemplo, no pueden contener espacios).
Cuando la opción Añadir controles de datos está seleccionada, el asistente crea una tabla de datos para visualizar la lista de registros en la página. De lo contrario, el asistente solo crea la lista de registros y ninguna representación de esos datos en la página. Por ahora, dejará que el asistente cree la tabla de datos por omisión y la personalizará más adelante. La ventana Añadir lista de registros relacionales será algo como:
Aparecerá el diálogo Conexión nueva. Observe que el campo Nombre de conexión se rellena automáticamente con el nombre ClassifiedsTutorial_Con1.
Hay que indicar a la lista de registros dónde buscar los datos que se quiere representar. Esto se hace en la ventana Conexión nueva a base de datos. En este caso, se especificará la base de datos Cloudscape que se incluye en el archivo importado en el ejercicio anterior. Una vez creada, esta conexión se utilizará en todo el sitio Web, por lo que sólo es necesario hacer esto una vez en toda la guía de aprendizaje.
<área de trabajo>\ClassifiedsTutorial\WebContent\cloudscapesampledata\database
Donde <área de trabajo> es el directorio que contiene el área de trabajo en la que está trabajando actualmnte.
No es necesario añadir un ID de usuario o contraseña para acceder a la base de datos. El asistente Conexión de base de datos nueva debe tener el aspecto siguiente:
Ahora que ha creado una conexión a la base de datos de Cloudscape, es necesario elegir la tabla o lista de registros a representar. El asistente Añadir lista de registros relacionales muestra las tablas de la base de datos. En esta guía de aprendizaje se utilizará mayormente la tabla W5SAMPLE.ADS.
La vista Datos de página muestra ahora una lista de las columnas de la tabla ADS, y el archivo all_records.jsp contiene la visualización de estos datos dentro de una tabla de datos. En este momento, la tabla de datos por omisión contiene demasiada información. Para esta guía de aprendizaje sólo es necesario mostrar el título, descripción, categoría, precio y número de teléfono de cada anuncio clasificado. Siga estos pasos para pulir y reorganizar la tabla de datos:
La vista Propiedades suele estar en la parte inferior central del entorno de trabajo. Si no puede ver la vista Propiedades, acceda a la barra de menús y pulse Ventana > Mostrar ventana > Propiedades.
La página debería ser algo como:
El orden de las columnas no es apropiado para un anuncio clasificado. El orden siguiente tiene mucho más sentido:
En el ejercicio siguiente, Ejercicio 1.3: Prueba del sitio Web, verá el aspecto de esta página en un servidor web real.
Hay muchas opciones para el formato de tablas de datos y componentes JavaServer Faces. Algunas de estas opciones se cubren en el módulo siguiente, Módulo 2: Añadir características avanzadas. También puede echar un vistazo a las vista Propiedades por su cuenta para ver los distintos componentes de JavaServer Faces de la página (por ejemplo, la tabla de datos y los componentes de salida individuales).
Puede comenzar el Ejercicio 1.3: Prueba del sitio Web.