Skip to main content

Controlar F5 o Refresh Button del Navegador con Jakarta Server Faces

Hay varias formas de Controlar cuando el usuario esta en una pagina Web desarrollada con Jakarta Server Faces. Presiona el boton Refresh o la tecla F5 para recargar o actualizar la pagina actual.
Creamos un proyecto Jakarta EE 





 y se ha configurado la pagina de inicio en el archivo web.xml


Al ejecutar la aplicación se muestra la pagina de login.xhtml donde se pedirá las credenciales del usuario.

al ingresar las credenciales nos dirige a la pagina index.xhtml
Si presionamos la tecla F5 o el botón Refresh del navegador 

podrá notar que sera redirigido a la pagina de login.xhtml, en lugar de actualizar  la pagina index.xhtml.

Para evitar esta situación y mantener al usuario observando la pagina actual se pueden implementar de varias formas:
  •  Controlar los eventos con JavaScript,
  • Guardar datos en el cliente.
  • Personalizar mediante <f:viewAction>
En nuestro caso mostraremos como utilizar algo diferente mediante  <f:viewAction/>, es un ejemplo demostrativo solamente.

Lo que haremos en colocar en cada formulario .xhtml
 
<h:head>
        <title>Facelet Title</title>
         <f:metadata>
             <f:viewAction action="#{accessController.browserEvent()}"/>
        </f:metadata>
    </h:head>

Y cuando ocurran los eventos el invocara el método broserEvent()., que realizara las validaciones correspondientes y nos dirigirá a la pagina que se almaceno en la sesión en la variable pageInView.






En la clase AccessController validamos la pagina indicada en pageInView y hacemos un llamado a ella.

AccessController.java

 Boolean loggedIn = false;

  public String login() {
        loggedIn = Boolean.TRUE;
//Valide las credenciales de los usuarios
        JmoordbContext.put("pageInView", "/faces/index.xhtml");
        return "/faces/index.xhtml";
    }

  public String browserEvent() {
     
        String pageInView = "";
        try {
          
                pageInView = (String) JmoordbContext.get("pageInView");
    
                pageInView = (pageInView == null ? (loggedIn?"/faces/index.xhtml":"/faces/login.xhtml" ): pageInView);
                        System.out.println(" pageInView revisado"+ pageInView);
                return pageInView;
            
        } catch (Exception e) {
        }
        return pageInView;
    }


Desde cada Controller guardamos la ruta de la pagina xhtml a desplegar en pageInView
  JmoordbContext.put("pageInView", "/faces/index.xhtml");
y con solo indicar en cada formulario
<h:head>
        <title>Facelet Title</title>
         <f:metadata>
             <f:viewAction action="#{accessController.verificarIsLogin()}"/>
        </f:metadata>
    </h:head>

Mantenemos al usuario en la misma pagina y evitamos que se dirigía a la pagina indicada en el web.xml.


Comments

Popular posts from this blog

Cambiando el estado de un checkbox

Cambiando el Estado de un CheckBox Algunas veces deseamos controlar el estado de un checkbox o cambiarlo segùn determinadas condiciones. Pasos: 1. Creamos un proyecto Web. 2. En el diseñador agregamos un checkbox y dos botones. * Dar click derecho en el checkbox y luego seleccionar Add Binding Attribute, para agregar los atributos al checkbox, de manera que los podamos usar en nuestro código. Generando automáticamente private Checkbox checkbox1 = new Checkbox(); public Checkbox getCheckbox1() { return checkbox1; } public void setCheckbox1(Checkbox c) { this.checkbox1 = c; } 3.Damos click derecho en el botón Habilitar, y seleccionamos Edit Action Event Handler. A continuación, agregamos el código: this.checkbox1.setSelected(true);, el método setSelected con valor true, marca el checkbox como seleccionado, y un valor de false, quita la marca. public String button1_action() { // TODO: Process the action. Return value is a navigation

Tutorial básico de aplicaciones Web con NetBeans parte 1

NetBeans ofrece un excelente soporte para el desarrollo de aplicaciones Web, en esta ocasión lo haremos utilizando el Framework Java Server Faces 2.0. En el Menu Seleccionamos Nuevo->Proyecto y luego en Categorias Java Web y en tipo de Proyectos Web  Application indicamos el nombre del proyecto Seleccinamos el servidor Web, usamos GlassFish ya que este soporta EJB3.0 y JSF 2.0 Framework Java Server Faces El IDE genera el esquelto del proyecto Web Pages   almacenamos las paginas .html, xhtml, jsf, los archivos de recursos, los scripts .js, imagenes Source Packages    Son las clases Java  Test Packages    Son las clases que usamos para los Test Libraries     Tenemos las bibliotecas de Java y GlassFish necesarias para ejecutar la aplicación Web. Test Libraries     Están las bibliotecas usadas para los test  Configuration Files    Archivos de configuración de la aplicación. Ejecutamos la aplicación  Esperamos que se inicie GlassFish y se cargue la aplicación Este se

Usando LazyDataModel con Jmoordb y Microprofile

 Usando LazyDataModel con Jmoordb y Microprofile Lazy es una característica muy interesante que nos permite mostrar solo unos registros en lugar de todos por ejemplo en un DataTable. Esto reduce el tiempo de espera y disminuye el consumo de recursos para desplegar los.  Un escenario puede ser donde tenemos 20000 registros y queremos mostrarlos en un datatable en la cual solo mostraremos 25 por pagina, no seria adecuado cargar los 20000 registros al mismo tiempo. Para ello podemos utilizar LazyDataModel. Para usarlo agregar un objeto LazyDataModel con los métodos set/get: private LazyDataModel<Colegio> lazyDataModelColegio; //set/get En el método init Instanciar el objeto lazyDataModelColegio y en el método load() haremos las implementaciones. El offset es el desplazamiento entre las paginas, sortBy tiene información sobre la ordenación y filterBy información sobre el filtro entre las columnas.  En nuestro caso usaremos la clase paginator de jmoordb para gestionar varias accion