Lunes, 14 Julio 2014 19:56

Hola mundo con JSF 2

Escrito por 
Valora este artículo
(0 votos)

En este post haremos el hola mundo, pero no como en el post anterior en la cual solo mostrábamos el mensaje el cargarse la pagina, sino que ahora lo haremos al presionar un botón de la pagina jsp. Para ello haremos uso de lo creado en el post anterior (hola mundo con jsf).

Para una mejor compresión de el ejemplo visitemos el primer post

En nuestra clase “Beans” agregaremos un método  mostrarMensaje(); y ya no iniciaremos la variable mensaje, el código es el siguiente

  1. import javax.faces.bean.ManagedBean;
  2. import javax.faces.bean.RequestScoped;
  3. /**
  4.  *
  5.  * @author RAFAEL
  6.  */
  7. @ManagedBean(name="Beans")
  8. @RequestScoped
  9. public class Beans {
  10.  
  11.   private String mensaje;
  12.  
  13.     /** Creates a new instance of Beans */
  14.     public Beans() {
  15.       System.out.println("sssss2222222222");
  16.     }
  17.  
  18.   public String getMensaje() {
  19.     return mensaje;
  20.   }
  21.  
  22.   public void setMensaje(String mensaje) {
  23.     this.mensaje = mensaje;
  24.   }
  25.  public void mostrarMensaje(){
  26.     this.mensaje="Hola Mundo";
  27.      }
  28. }
  29.  
  30.  


en imagenes asi


Ahora modificaremos nuestro index.xhtml, insertaremos un formulario y dentro de este  un botón y la etiquete en donde se mostrara en lensaje “hola mundo”. En el botón insertado, sobre el evento “action” del mismo lo asociaremos al método “mostrarMensaje” recientemente creado en nuestra clase “Beans”, referenciada como "clase" en el facesconfig.xml

 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3.      xmlns:h="http://java.sun.com/jsf/html">
  4.     <h:head>
  5.         <title>Facelet Title</title>
  6.     </h:head>
  7.     <h:body>
  8.       <h:form>
  9.         <h:outputLabel id="lblMensaje" value="#{clase.mensaje}"></h:outputLabel>
  10.         <h:commandButton action="#{clase.mostrarMensaje}" value="Mensaje"></h:commandButton>
  11.       </h:form>
  12.     </h:body>
  13. </html>

Como lo muestra la imagen podemos ver como el Netbeans ya reconoce nuestro método creado en la clase “Beans” referenciada como clase

Nuestro archivos facesconfig.xml, queda como estaba<?xml version='1.0' encoding='UTF-8'?>

  1. <!-- =========== FULL CONFIGURATION FILE ================================== -->
  2. <faces-config version="2.0"
  3.    xmlns="http://java.sun.com/xml/ns/javaee"
  4.    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  5.    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd">
  6. <managed-bean>
  7.   <managed-bean-class>Beans</managed-bean-class>
  8.   <managed-bean-name>clase</managed-bean-name>
  9.   <managed-bean-scope>session</managed-bean-scope>
  10. </managed-bean>

Como lo muestra la imagen


Bien con esto estamos en condiciones de ejecutar nuestra aplicación web jsf
Nos aparece la pantalla anterior le damos click al botón y nos aparece el mensaje

 


Bien esto es todo por ahora, hasta pronto…

Visto 1123 veces

Deja un comentario

Asegúrate de llenar la información requerida marcada con (*). No está permitido el código HTML. Tu dirección de correo NO será publicada.