< Anterior | Siguiente >

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 aprenderá a utilizar métodos potentes para utilizar datos de una 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 automáticamente de página a página
  • Automatizar algunas tareas de administración de base 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:
  1. Importe el proyecto. Pase a la perspectiva Web (Ventana > Abrir perspectiva > Web).
  2. En la vista Explorador de empresas de la perspectiva Web, asegúrese de que el proyecto ClassifiedsTutorial tenga el aspecto siguiente:
    Vista Explorador de empresas.
Para establecer el servidor destino:
  1. En la vista Explorador de empresas de la perspectiva Web, pulse con el botón derecho ClassifiedsTutorial y seleccione Propiedades
  2. En la lista de propiedades, pulse Servidor.
  3. En la lista Servidor predeterminado, seleccione el servidor que desea utilizar como valor predeterminado. Pulse Aplicar.
  4. En la lista de propiedades, pulse Tiempos de ejecución destino.
  5. En la lista Tiempos de ejecución, pulse el tiempo de ejecución que corresponde al servidor seleccionado. Pulse Aceptar.
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:
  1. Pulse con el botón derecho el archivo all_records.jsp y seleccione Ejecutar como > Ejecutar en servidor.
  2. Elija Definir manualmente un servidor nuevo.
  3. Seleccione un servidor instalado.
  4. 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 configurar la conexión de base de datos:
  1. En la vista Explorador de empresas, pulse con el botón derecho ClassifiedsTutorial y seleccione Propiedades. Se abren las Propiedades de la ventana ClassifiedsTutorial.
  2. Pulse Conexiones JDBC.
  3. En las propiedades de Conexión JDBC, pulse Nueva. Se abre el diálogo Examen de perfil.
  4. En el diálogo Examen de perfil, pulse Nuevo. Se abre el diálogo Conexión de perfil nueva.
  5. en la lista Tipos de perfil de conexión, seleccione Derby y pulse Siguiente. Se abre el diálogo Crear perfil de conexión.
  6. En el campo Nombre, teclee DerbyDB, seleccione Conectar automáticamente al iniciar y pulse Siguiente.
  7. En el campo Controladores, seleccione Derby 10.2 - Embedded JDBC Driver Default.
  8. En el campo Ubicación de base de datos, pulse Examinar y seleccione <ubicación_del_espacio_de_trabajo>\ClassifiedsTutorial\WebContent\database, donde <ubicación_del_espacio_de_trabajo> es el directorio del espacio de trabajo actual. Pulse Aceptar.
  9. Deberá especificar un ID de usuario para acceder a la base de datos. No es necesaria una contraseña.
    Consejo: Cualquier ID de usuario servirá.
  10. En el asistente Perfil de conexión Derby nuevo, pulse Finalizar.
  11. En el diálogo Examen de perfil, pulse DerbyDB y a continuación 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 empresas. 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 empresas.

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

< Anterior | Siguiente >

Comentarios