En este post te mostraré cómo agregar mensajes de aviso que se muestran una sola vez (y al recargar ya no), muy útiles cuando se tiene que mostrar un mensaje por única ocasión cuando se redirige a otra página en Spring Boot.
Nota: recomiendo ver cómo redirigir en Spring Boot.
En el método de nuestro controlador debemos inyectar a RedirectAttributes
y después invocar al método addFlashAttributes
.
La función addFlashAttributes
dispone de la siguiente firma:
addFlashAttributes("clave", "valor");
Vamos a ver un ejemplo:
@PostMapping(value = "/agregar")
@ResponseBody
public String guardarProducto(@ModelAttribute Producto producto, RedirectAttributes redirectAttrs) {
productosRepository.save(producto);
redirectAttrs
.addFlashAttribute("mensaje", "Agregado correctamente")
.addFlashAttribute("clase", "success");
return "redirect:/productos/agregar";
}
Presta atención a la línea 3 que es en donde se inyecta una variable de tipo RedirectAttributes
.
En la línea 6 y 7 se agregan atributos, en este caso un mensaje y una clase de una alerta de Bootstrap.
Como ves, addFlashAttribute
devuelve this
y por lo tanto se puede encadenar.
Finalmente en la línea 8 se redirige al usuario a otra ruta.
Dentro de la otra ruta, en la plantilla HTML, tenemos esto:
<div th:classappend="'alert-' + (${clase != null} ? ${clase} : info)" th:if="${mensaje != null}"
th:text="${mensaje}"
class="alert">
</div>
El resultado, cuando se agregan mensajes, es el siguiente:
En este caso se muestra un aviso. Por cierto, eso se logra en Thymeleaf usando th:if.
Oh, y si te preguntas, la captura es de un sistema de ventas que ando haciendo con Spring Boot.
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Esta web usa cookies.
Ver comentarios
Hola! Y algún comando para quitar el mensaje flash de la pantalla? Gracias.