Antes de empezar, debe haber realizado el Ejercicio 1.1: Importar los recursos necesarios.
En el ejercicio anterior, se ha creado el proyecto AuctionPortlet para albergar los portlets que se desarrollarán en esta guía de aprendizaje. Para preparar la creación de la interfaz de usuario y añadir datos a portlets Faces específicos, definiremos el flujo de la aplicación utilizando el editor de diagramas Web. Un diagrama Web solo es un método para definir el flujo de la aplicación, pero resulta especialmente adecuado para el desarrollo visual de aplicaciones de portlet basadas en Faces.
Un diagrama Web es un archivo que le ayuda a visualizar y cambiar el flujo de una aplicación Web como por ejemplo una aplicación de portlet Faces o basada en Struts. El editor de diagramas Web es un editor visual para editar diagramas Web. La acción de añadir de nodos, conexiones y otros componentes a un diagrama Web, se conoce genéricamente como dibujar en el diagrama.
Un diagrama Web consta de nodos y conexiones entre nodos. Un nodo es un icono que representa un recurso como por ejemplo una página JSP de portlet o un bean JavaTM. Si el recurso existe, el nodo se llama realizado; si el recurso no existe, el nodo se llama no realizado. Los nodos realizados se muestran en color con los nombres en negrita. Los nodos no realizados se muestran como en gris.
Añadiremos tres nodos JSP al diagrama Web. Uno se considerará nodo maestro, lo que permitirá la navegación a dos nodos de detalles enlazados.
El archivo se abrirá en el panel de edición con
instrucciones acerca de cómo utilizar el editor de diagramas Web.
Para crear el primer nodo, puede arrastrar UserAdminView.jsp, la página de vista JSP inicial creada con el proyecto AuctionPortlet, desde el Explorador de proyectos al editor. Puesto que este archivo ya se ha creado, se visualiza como un objeto realizado.
Nota: puede arrastrar los nodos para volver a situarlos.
Los enlaces que se han definido preferirán las páginas de portlet con los enlaces adecuados, de forma que los datos iniciados por el usuario fluirán adecuadamente a través de la aplicación. Cuando la página UserAdminView solicite una creación de usuario o una acción de actualización, se abrirá el formulario adecuado. Después de someter la información necesaria a través de estos formularios, la nueva información de usuario estará disponible para la función de consulta del portlet UserAdmin.
Ahora está listo para iniciar el Ejercicio 1.3: Desarrollar la página UserAdmin.