Formulario ManagedBean con JSF

Publicado el 07 octubre 2018 por Cristian David Henao Hoyos @chenaooo
En esta guía continuaremos con el ejemplo anterior donde creamos un proyecto dinámico, para el correcto desarrollo se debe haber realizado lo siguiente.
  • Configurado Eclipse
  • Configurado el Servidor de Aplicaciones WildFly
  • Proyecto web con archivo index.xhtml

Si no haz realizado o no sabes como realizar los pasos anteriores entonces consulta esta entrada donde explico el proceso paso a paso.

Para este ejemplo se creará inicialmente un formulario al que se le procesará la información en la misma página que lo contiene, posteriormente veremos cómo se presenta la información en otra página diferente.


Procesar Formulario en la misma página.

Ya teniendo el proyecto procedemos a modificar el archivo index.xhtml y creamos un formulario para el ingreso de información.Para este ejemplo hacemos uso de la etiqueta <h:outputLabel> que nos permitirá agregar la propiedad “for” a la que le asignamos un valor, este valor corresponde al id de la etiqueta <h:inputText> lo que realizará una asociación que asigna el foco al campo de texto con solo presionar el label, el mismo procedimiento lo hacemos para cada pareja (etiqueta, campo)Adicionalmente en los inputText, el botón y el outputText asignamos en el value el llamado a los atributos de la clase PersonaBean tanto para asignar los datos de los campos como para realizar el llamado al método para procesar la información.

Creación de la clase bean.

Después de crear el formulario creamos un nuevo paquete al que llamaremos bean, allí alojaremos la clase PersonaBean


La clase persona Bean será un pojo con sus respectivos métodos set y get, este tendrá la anotación @ManagedBean y será la encargada de recibir la información desde nuestro formulario.

A modo de ejemplo también creamos el método “procesarDatos()” que será invocado al momento de presionar el botón y se encargará de construir el mensaje de bienvenida al usuario registrado.
Después de haber realizado los procesos anteriores y con el server iniciado podemos desplegar el proyecto en nuestro servidor.
Se debe tener en cuenta que si hay más proyectos desplegados podemos removerlos o dejarlos en el despliegue.

Al desplegar el proyecto vemos que el formulario es cargado satisfactoriamente

Al diligenciar el formulario y presionar el botón “enviar” se hace el llamado al método “procesarDatos()” que como se mencionó construye el mensaje de bienvenida y se asigna en la propiedad “información” que es cargado en el outputText del formulario.

Procesar Formulario y cargar información en otra página.

Ahora vamos a realizar un cambio al sistema para que al momento de presionar en enviar, se cargue una nueva página con la información ingresada.
Inicialmente creamos una nueva página a la que llamamos “bienvenida.xhtml”, de esa manera tendremos la estructura del proyecto tal como se muestra a continuación.

La página bienvenida realizará el llamado a el bean PersonaBean que ya contiene la información almacenada al momento de registrar una persona, estos datos se pueden presentar directamente o mediante el uso de componentes gráficos.

Posteriormente modificamos el action del botón del formulario y hacemos el llamado directo a la página bienvenida

Al ejecutar el sistema presionamos el botón “Enviar

Lo que cargará la página de bienvenida con la confirmación del formulario.

Y Listo!!!
Ya con esto tenemos un ejemplo muy simple pero que nos servirá como base para futuras aplicaciones!!!
En mi blog y en mi canal les he venido compartiendo material en torno a este gran lenguaje de programación, pueden encontrar muchos artículos y vídeos desde cero, les muestro como descargar las herramientas necesarias para empezar a programar, vamos subiendo cada vez más por los conceptos básicos, pasando por los conceptos de programación orientada a objetos, patrones, hilos, estructuras de datos, acceso a bases de datos entre otros,  hasta construir aplicaciones con interfaces grafías de usuario.
Además podrán encontrar un curso desde cero donde les enseño a crear aplicaciones móviles en android mediante una secuencia de vídeos paso a paso que constantemente se está actualizando.

Y ahora iniciaré la secuencia también desde cero donde nos adentraremos al mundo del java Enterprise edition, les mostraré como configurar el ambiente de desarrollo y como crear sus primeras aplicaciones web con java.

Por eso los invito a que visiten a codejavu.blogspot.com, que visiten mi canal Cristian Henao y que estén muy pendientes de las nuevas secuencias

También te podría Interesar. 
  • Que es Java . Caracteristicas y generalidades 
  • Introducción y Generalidades JEE
  • Conceptos Básicos JEE
  • Configuración Ambiente de Desarrollo  
  • Porqué JSF y no JSP y Servlets
  • Ejemplo Eventos del Teclado en Java
  • Que son los Patrones de Diseño ?
  • Ejemplo Conectando Java con MySql
  • Manejo de Excepciones en Java
  • Conceptos Básicos de Programación Orientada a Objetos.
  • ¿ String Vrs StringBuffer Vrs StringBuilder ?
  • Comparando Fechas En Java
  • Integración Continua, Primeros Pasos Con Jenkins

¿Hay algo que quieras anexar o comentar sobre esta entrada?  no dudes en hacerlo.....y si te gustó, te invito a compartir y Suscribirte ingresando al botón "Participar en este sitio" para darte cuenta de mas entradas como esta ;)