Antes de comenzar, debe haber completado el Ejercicio 1.1: Importación de los recursos necesarios.
El sitio Web de ejemplo 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.
Es posible que antes vea la ventana Servidor de destino. Si así fuera, junto a Tiempo de ejecución destino, pulse WebSphere Application Server v5.1 o, si está utilizando WebSphere Application Server Express, pulse WebSphere Application Server v 5.1 Express y después marque el recuadro de selección Actualizar los proyectos EAR que contengan este proyecto Web con el servidor destino seleccionado. A continuación pulse Aceptar.
Puede que se le solicite guardar el archivo all_records.jsp. Si así fuera, pulse Aceptar y a continuación pulse Sí para cargar los cambios guardados.
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 Añadir controles de datos está marcado, el asistente crea una tabla de datos para visualizar la lista de registros de la página. Si no está marcado, el asistente sólo crea en la página la lista de registros, pero ninguna representación de dichos datos. Por ahora, el asistente creará la tabla de datos por omisión y se personalizará más adelante. La ventana Añadir lista de registros relacionales será algo como:
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 1.1. 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.
No es necesario añadir un ID de usuario o contraseña para acceder a la base de datos. La ventana Conexión nueva a base de datos se parecerá a:
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. La ventana 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.