Introducción a los JSF's (II)
Programacion
(Esta es un continuación de este tutorial)
2. Empezando a trabajar con el proyecto
Antes de empezar con el proyecto existen 2 archivos importantes que se crean automáticamente con el proyecto, el web.xml y el faces-config.xml (este nombre se podía cambiar al momento de crear el proyecto), los cuales se pueden encontrar fácilmente en la ventana "Projects" en "Configuration Files".
web.xml - Contendrá información sobre como se filtrarán los jsp, cómo se mapearán las direcciones de los mismos, el tiempo de sesión, etc.
faces-config.xml - Contendrá información como las reglas de navegación, los controladores que se utilizarán, la inyección de datos a los controladores, el alcance de los datos, etc.
Empecemos creando un nuevo jsp, para mostrar un pequeño formulario de registro. Trataré de dar los pasos lo más explícito que pueda pero sin caer en la exageración (la retroalimentación sería muy útil).
Clic derecho sobre el proyecto (Mononeurona) -> New -> JSP, el nombre del archivo será "registro.jsp" (el .jsp no será necesario escribirlo). Debe elegirse JSP con syntaxis estándar (lo cual se encuentra por defecto seleccionado). Después clic en Finish. Con eso tendremos un JSP creado y abierto en el editor.
Para empezar a agregar características de JSF, tendremos que agregar los "taglibs" que utilizaremos. Para esto simplemente agregamos este código al principio del archivo.
![]()
Ahora ponemos las siguientes etiquetas dentro del cuerpo de HTML (body). El "h:form", "h:inputtext" y "commandbutton" se puede agregar utilizando simplemente la paleta (Ctrl+Shift+8) y arrastrando los componentes hacia el editor. Pero no es estrictamente necesario.

Con eso ya tenemos creados nuestro formulario creado. Los h:inputText, y los h:commandButton son elementos que vienen en los taglib que hemos definido con anterioridad así como el "f:view", el prefijo que se especificó al inicio es el que se utiliza aquí.
Ahora vamos a crear una pantalla de "registro completado", será un JSP y se creará de la misma forma que el anterior, en este caso con nombre: finalizado.jsp
Aunque no las vamos a ocupar todavía ponemos los taglibs:
![]()
Y creamos el código html necesario para mostrar la pantalla de registro completado.

Ahora vamos a agregar unas reglas de navegación en el archivo "faces-config.xml", para poder lograr la comunicación entre los 2 jsp que creamos.

Como se puede ver la regla de navegación se podría interpretar como: "De la vista "registro.jsp" cuando se de el caso de que envíe un "submit" se dirigirá a finalizado.jsp"
Ahora se puede ejecutar la aplicación. Simplemente agregue a la dirección /faces/registro.jsp.

Escriba algo en los campos y presione Submit.

Como se puede notar hasta este momento, no hemos agregado código en Java. Eso será en la siguiente parte del tutorial.
Permalink: http://www.mononeurona.org/users/entry/thot/1512
Comentblogs:









