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.
- 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.
- Suprima el texto predeterminado Place content here..
- Arrastre el objeto Bean de sesión EJB de la bandeja Datos de la paleta al archivo.
- Cuando se abra el asistente Bean de sesión, pulse el botón Referencia de EJB nueva.
- Expanda las carpetas AuctionPortletEAR y AuctionEJB50 y seleccione UserFacade para
crear la referencia del bean de empresa.
- Pulse Finalizar.
- Pulse Siguiente en el asistente Bean de sesión.
- Seleccione la interfaz findByName(String name) que se utilizará para el campo de
entrada en la página del portlet.
- Pulse Siguiente.
- Pulse el botón Opciones en la página Formulario de entrada y teclee Find en
el campo Label. Pulse Aceptar.
- 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.
- 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:
- Utilizando los botones de flecha arriba y abajo, disponga las columnas de datos seleccionadas
en el orden mostrado en el paso anterior.
- Seleccione el valor Etiqueta para la columna userid y cámbielo por User ID.
- 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:

- 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:
- Seleccione Editar código de página en el menú emergente de Page Designer.
- 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;
}
- 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;
}
- 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;
}
- 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 por Rational Developer. Para ejecutar el
portlet, haga lo siguiente:
- Seleccione el proyecto AuctionPortlet en el Explorador de proyectos y seleccione
Ejecutar > Ejecutar en servidor desde el menú emergente.
- Puesto que ya ha definido el servidor WebSphere Portal v5.1 Test Environment, selecciónelo y
pulse Finalizar en el asistente Selección de servidor.
- 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:

- 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.

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
.
Ahora está preparado para iniciar el Ejercicio 1.4:
Crear páginas para crear y editar información de usuario.