Ejercicio 1.3: Desarrollar la página UserAdmin

Antes de empezar, debe realizar el Ejercicio 1.2: Preparar el desarrollo del portlet y definir el flujo de la aplicación.

Crear la página UserAdminView.jsp

La creación de la página UserAdminView.jsp implica el diseño de la interfaz de usuario y la adición de una conexión a datos dinámica, una referencia de sesión EJB, a la lógica de la aplicación.

  1. Si UserAdminView.jsp no está abierto en Page Designer, puede efectuar una doble pulsación del icono UserAdminView.jsp en el editor de diagramas Web para abrirlo.
  2. Suprima el texto predeterminado Place content here..
  3. Arrastre el objeto Bean de sesión EJB de la bandeja Datos de la paleta al archivo.
  4. Cuando se abra el asistente Bean de sesión, pulse el botón Referencia de EJB nueva.
  5. Expanda las carpetas AuctionPortletEAR y AuctionEJB50 y seleccione UserFacade para crear la referencia del bean de empresa.
  6. Pulse Finalizar.
  7. Pulse Siguiente en el asistente Bean de sesión.
  8. Seleccione la interfaz findByName(String name) que se utilizará para el campo de entrada en la página del portlet.
  9. Pulse Siguiente.
  10. Pulse el botón Opciones en la página Formulario de entrada y teclee Find en el campo Label. Pulse Aceptar.
  11. Pulse Siguiente, lo que le llevará a la página Formulario de resultados del asistente. En esta página definirá la tabla de datos que recuperará y visualizará los datos de la base de datos.
  12. Pulse Ninguno para deseleccionar todas las columnas para poder seleccionar, organizar y configurar individualmente las columnas adecuadas para la tabla de datos que desee utilizar en la página del portlet. A continuación, marque los recuadros de selección para las columnas siguientes:
  13. Utilizando los botones de flecha arriba y abajo, disponga las columnas de datos seleccionadas en el orden mostrado en el paso anterior.
  14. Seleccione el valor Etiqueta para la columna userid y cámbielo por User ID.
  15. Pulse Finalizar para generar la interfaz de usuario por omisión para la página UserAdminView.jsp. La interfaz de usuario tendrá un aspecto similar al siguiente:
    UserAdminView.jsp
  16. Guardar UserAdminView.jsp.

Añadir código de página Java a la página UserAdmin

En esta parte del ejercicio, añadirá código de página Java para conseguir lo siguiente:

  • Almacenar el parámetro name en el ámbito de sesión para que pueda reutilizarse para renovaciones futuras del contenido del portlet.
  • Inicializar el parámetro a visualizar en el campo de entrada Name con el almacenado en el ámbito de sesión,
  • Inicializar los datos de resultado utilizando el parámetro name almacenado en el ámbito de sesión.
  • Puede añadir la lógica de referencia EJB y el código para enlazar la invocación y los resultados con la interfaz de usuario utilizando los pasos siguientes:

    1. Seleccione Editar código de página en el menú emergente de Page Designer.
    2. Teclee el código en negrita siguiente en doUserFacadeLocalFindByNameAction():
      public String doUserFacadeLocalFindByNameAction() {
          String name = getUserFacadeLocalFindByNameParamBean().getName();
          getSessionScope().put("name", name);
          try {
              userFacadeLocalFindByNameResultBean = 
                     getUserFacadeLocal().findByName(name);
          } catch (Exception e) {
              logException(e);
          }
          return null;
      }
      
    3. Teclee el código en negrita siguiente en getUserFacadeLocalFindByNameParamBean():
      public UserFacadeLocalFindByNameParamBean 
                   getUserFacadeLocalFindByNameParamBean() {
          if (userFacadeLocalFindByNameParamBean == null) {
              userFacadeLocalFindByNameParamBean = 
                     new UserFacadeLocalFindByNameParamBean();
              String name = (String)getSessionScope().get("name");
              userFacadeLocalFindByNameParamBean.setName(name);
          }
          return userFacadeLocalFindByNameParamBean;
      }
      
    4. Teclee el código en negrita siguiente en getUserFacadeLocalFindByNameResultBean():
      public RegistrationData[] getUserFacadeLocalFindByNameResultBean() {
          if (userFacadeLocalFindByNameResultBean == null) {
              String name = (String)getSessionScope().get("name");
              if (name != null) {
                  try {
                      userFacadeLocalFindByNameResultBean = 
                      	getUserFacadeLocal().findByName(name);
                  } catch (Exception e) {
                      logException(e);
                  }
              }
          }
          return userFacadeLocalFindByNameResultBean;
      }
      
    5. Guarde y cierre UserAdminView.java.

    Ejecutar UserAdminView.jsp

    Para verificar que el portlet UserAdmin está funcionando como se pretende hasta este punto, debe ejecutar el portlet en el navegador interno proporcionado con las herramientas de Rational. Para ejecutar el portlet, haga lo siguiente:

    1. Seleccione el proyecto AuctionPortlet en el Explorador de proyectos y seleccione Ejecutar > Ejecutar en servidor desde el menú emergente.
    2. Puesto que ya ha definido el entorno de prueba de WebSphere Portal v5.1, selecciónelo y pulse Finalizar en el asistente Selección de servidor.
    3. El archivo se visualizará en el navegador. Aquí puede ver los campos de entrada y el diseño que un usuario verá en un sitio de portal:
      Portlet UserAdmin
    4. Para probar el formulario de entrada y la tabla de datos que acaba de crear, teclee % en el campo Nombre y pulse el botón Buscar.

      La tabla de datos debe visualizar todos los usuarios.
      Resultados de la consulta UserAdmin

    Antes de pasar al ejercicio siguiente, es aconsejable detener el servidor del entorno de prueba para mejorar el rendimiento durante el desarrollo. Para detener el servidor del entorno de prueba, simplemente selecciónelo en la vista Servidores y pulse el botón de la barra de herramientas Detener el servidor Detener el servidor.

    Ahora está preparado para iniciar el Ejercicio 1.4: Crear páginas para crear y editar información de usuario.

    Comentarios
    (C) Copyright IBM Corporation 2000, 2005. Reservados todos los derechos.