End Proj: Iniciar actividad, temporizador, SweetAlert, Fetch, funciones JavaScript, impl. WebSockets

En este video te explico paso a paso todo el código que desarrollé para gestionar eventos en tiempo real usando JavaScript:

✅Cómo uso sessionStorage para mantener datos activos
✅Cómo construí y activo un temporizador persistente
✅ Cómo finalizo el evento con fetch() y envío de datos al backend
✅ Manejo de CSRF con Spring Security
✅ Alertas modernas con SweetAlert

Si estás trabajando con Spring, Thymeleaf o eventos temporizados, este video te será súper útil.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #35: Update Project - DTO y mostrar actividades administrativas en un select usando Fetch JavaScript

En este video actualizamos nuestro proyecto agregando un DTO para enviar datos estructurados desde el backend hacia el frontend. También implementamos una carga dinámica de actividades administrativas en un modal usando JavaScript y la función fetch(), obteniendo los eventos desde el servidor en formato JSON y llenando un select de manera automática al abrir el modal. Además, mejoramos la experiencia del usuario actualizando el título y mensaje del modal según la opción seleccionada, integrando Spring Boot, Thymeleaf, JavaScript y seguridad con Spring Security.

✅DTO 
✅Controller
✅Vista

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #34: Update Project - Creando Entity, Repository y Service de Actity - Parte 1

 En este video implementamos la estructura completa de la capa de datos en Spring Boot:

✅ Creamos la entidad ActivityEntity utilizando JPA con anotaciones como @Entity, @Table, @Id, relaciones @ManyToOne y columnas personalizadas.
✅ Construimos el DAO/Repository (ActivityDao), aplicando consultas personalizadas con @Query, métodos nativos y búsquedas específicas para actividades abiertas, cerradas y por rangos de fecha.
✅ Implementamos la capa de servicio (ActivityService y ActivityServiceImpl), aplicando buenas prácticas como:

@Transactional
Inyección de dependencias
Separación de responsabilidades

04:28 Correción - Hacemos los metodos de acceso los getters y setters

La Clase Activity se utilizara para las actividades administrativas gestión de tickets, marcación de SSHH y salida.

✅Entity
✅Repository - Dao
✅Service

Este es el primer paso para construir un módulo sólido de actividades administrativas dentro de una aplicación Spring Boot.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #33: Update Project - 🧩Gestión de Eventos con Thymeleaf y JSON

📌 En este video aprenderás a construir un módulo completo de gestión de eventos en Spring Boot, paso a paso.

Implementaremos las capas Controller, Service, Repository (DAO) y Entity, además de seguridad por roles, paginación y envío de datos en formato JSON para el frontend.

Verás cómo crear, listar, editar y eliminar eventos, así como filtrar y mostrar datos dinámicamente en la vista con Thymeleaf.

✅Entity
✅Repository - Dao
✅Service
✅Controller
✅ Vista 

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #32: Update Project - 🧩 Exportar 💾 Datos a Excel (.xlsx) con Spring Boot y Apache POI 💡

 En este tutorial te enseño paso a paso cómo exportar datos a un archivo Excel (.xlsx) en una aplicación Spring Boot, utilizando Apache POI y Thymeleaf.

✨ Aprenderás a:

✅ Configurar las dependencias de Apache POI en tu proyecto.
⚙️ Registrar el tipo de contenido Excel en el archivo application.properties.
🖱️ Crear un botón en Thymeleaf que descarga automáticamente el archivo Excel.
🧩 Implementar un endpoint en el controlador que genera el reporte.
📄 Diseñar una vista personalizada (AbstractXlsxView) para construir el documento Excel con logo, título, detalles y tabla.
👤 Integrar los datos del usuario autenticado dentro del reporte.

Obtendrás un reporte profesional en Excel, que se descarga con un solo clic ✅ e incluye toda la información del usuario (nombre, documento, etc.), con diseño, estilos y logo institucional.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #31: Update Project - ⬇️ Exportar Datos de Usuario 👩‍💻 a PDF 📄 en Spring Boot con OpenPDF

 En este video te enseño paso a paso cómo exportar datos de usuario autenticado a un documento PDF en una aplicación Spring Boot, utilizando la librería OpenPDF 🧾.

✅ Agregar la dependencia openpdf en tu proyecto Maven.
✅ Configurar Spring Boot para reconocer el formato PDF.
✅ Crear un controlador (ReportController) que obtiene los datos del usuario autenticado.
✅ Generar un documento PDF dinámico con logo, colores, fuentes personalizadas y secciones (Datos del Usuario y del Empleado).
✅ Descargar o visualizar automáticamente el PDF en el navegador.

Este tutorial está pensado para proyectos que usan Spring Security, Thymeleaf y Bootstrap, e incluye una implementación práctica y reutilizable para tus propios reportes 📘.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #30: Update Project - 🧩 Interceptores y control de acceso 👤 con roles en Spring Boot + Thymeleaf

 ✅ En el tutorial se implementó un interceptor en Spring Boot que controla el acceso según el horario de atención configurado en application.properties, redirigiendo a una página de “cerrado” si se accede fuera del rango.
✅ Se registró el interceptor en la clase MvcConfig, excluyendo rutas como /login y los recursos estáticos para evitar bloqueos. 
✅ Se mostró cómo inyectar valores con @Value y cómo agregar mensajes al modelo desde el interceptor. 
✅ Además, se explicó el uso de Thymeleaf con Spring Security (sec:authorize) para mostrar u ocultar elementos del menú o botones según el rol del usuario (por ejemplo, ROLE_ADMIN o ROLE_USER), logrando así una aplicación segura y dinámica tanto en funcionalidad como en interfaz.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #29: Update Project - Implementar ver datos del Usuario Autenticado - Ver Perfil

 Implementar la funcionalidad para ver el perfil del usuario autenticado en una aplicación Spring Boot con Spring Security y Thymeleaf.

Aprenderás a:

✅ Obtener el usuario autenticado usando SecurityContextHolder.
✅ Consultar los datos del usuario y del empleado asociado desde la base de datos.
✅ Mostrar toda la información del perfil en una vista Thymeleaf, incluyendo datos personales, usuario y la foto.
✅ Integrar todo con una arquitectura limpia usando servicios, repositorios y entidades en Spring.
Ideal para proyectos donde quieras mostrar la información del usuario logueado de forma segura y dinámica.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #28: Update Project - Implementar Iconos en el NavBar función eliminar user orphanRemoval

En este video te muestro cómo usar Ionicons para una interfaz moderna y cómo implementar la función eliminar usuario en Spring Boot con orphanRemoval y confirmación visual, todo de forma sencilla y práctica.

✅ Implementar iconos en el sistema Web
✅ Eliminar usuario sin dejar huerfano la relación

El atributo orphanRemoval = true se usa para que, cuando eliminas la relación entre una entidad principal (parent) y una entidad hija (child), la entidad hija también se elimine automáticamente de la base de datos.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #27: Update Project - Implementar Recuperación de Contraseña con OTP en Spring Boot + Thymeleaf + JS

En este tutorial aprenderás a implementar la funcionalidad de recuperación de contraseña en una aplicación web usando Spring Boot y Thymeleaf. Cubriremos desde la generación y envío de un código OTP (One-Time Password) vía correo electrónico, su validación segura, hasta el cambio de contraseña con validaciones en el frontend usando JavaScript.

✅ Añadir campo OTP en la entidad UserEntity y actualizarlo en la base de datos con @Modifying y @Query.
✅ Crear endpoints REST para enviar el OTP por email y validarlo con Spring MVC.
✅ Implementar lógica para generar códigos OTP seguros y temporales.
✅ Crear formularios en Thymeleaf para ingresar el correo, verificar OTP y cambiar la contraseña.
✅ Añadir validaciones de complejidad y coincidencia de contraseña con JavaScript.
✅ Configurar Spring Security para permitir acceso a las rutas necesarias sin autenticación.
✅ Manejar tokens CSRF y seguridad en los formularios.
✅ Mostrar mensajes de éxito y error en la UI con modales Bootstrap y alertas.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #26: Update Project - 🔐 Recuperar Contraseña con Spring Boot(Parte 1) | DTO y Configuración Gmail SMT

 En esta primera parte del desarrollo de la funcionalidad de recuperación de contraseña con Spring Boot, te muestro:

✅ Creación del modal con Bootstrap 5 para capturar el correo del usuario
✅ Configurar Spring Boot Mail para enviar correos con SMTP de Gmail (application.properties)
✅ Creación de un DTO (EmailValuesDTO) para estructurar el envío de datos del correo

Esta es la base para el flujo completo de recuperación que incluirá validaciones, generación de códigos OTP, y cambio de contraseña seguro.

💡 Próxima parte: Servicio de Email y Controlador, enviar el correo.

🔧 Tecnologías usadas:

✅ Java
✅ Spring Boot
✅ Spring Mail
✅ Thymeleaf
✅ Bootstrap 5

🛠️ ¿Qué verás en este video?

✅ Diseño de modal para recuperación de contraseña
✅ Configuración de application.properties para Gmail SMTP
✅ Uso de DTO para transportar la información del email
✅ Consulta de usuario por correo desde la base de datos

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #25: Update Project - Implementar el manejo de excepciones con ControllerAdvice vs con BindingResult

 En este video te enseño cómo manejar errores globales en tu aplicación Spring Boot usando @ControllerAdvice, especialmente útil cuando se ingresan datos con formato incorrecto, como una fecha mal escrita.

✅ Configuramos un manejador global de excepciones (ErrorHandlerController) que detecta errores como ConversionFailedException y MethodArgumentTypeMismatchException al procesar formularios.
✅ Eliminamos la validación manual con @Valid y BindingResult del controlador y dejamos que Spring capture las excepciones.
✅ Creamos una vista personalizada (errorform.html) para mostrar los mensajes de error cuando el usuario ingresa una fecha con formato inválido.
✅ El formulario de Thymeleaf incluye un campo de fecha de nacimiento que lanza el error si el valor ingresado no es válido.

Este enfoque permite un código más limpio y centralizado para manejar errores de entrada de datos en tus formularios web con Spring MVC.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #24: Update Project - Implementar el manejo de errores 403, 404 y 500 en Spring Boot

 Spring Boot maneja automáticamente los errores comunes como:

✅ 403 Forbidden: Acceso denegado (por Spring Security).
✅ 404 Not Found: Ruta no encontrada.
✅ 500 Internal Server Error: Error interno del servidor.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #23: Update Project - Implementar el cierre de sesión y mostrar mensajes en Spring Boot + Thymeleaf

En este video te muestro cómo implementar correctamente el cierre de sesión en una aplicación web usando Spring Boot y Thymeleaf. 

✅ Agregar un botón de "Cerrar sesión" en el navbar.
✅ Redirigir al login después de cerrar sesión.
✅ Mostrar un mensaje de confirmación al cerrar sesión.
✅ Manejar errores de login con mensajes personalizados.

Además, te explico cómo trabajar con @GetMapping, @RequestParam, y cómo detectar si el usuario ya está autenticado para redirigirlo directamente al panel principal.

Este ejemplo es ideal si estás desarrollando un sistema de autenticación con Spring Security.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #22: Procesar Formulario de Usuario: Empleado sin user, encriptación de Contraseña.

En este video se muestra cómo crear un formulario de registro de usuarios en una aplicación web utilizando Spring Boot, Thymeleaf y Bootstrap. Se implementa una lógica para mostrar únicamente los empleados que aún no tienen un usuario asociado, evitando duplicidades. Además, se aplica validación de datos en el backend con @Valid, encriptación de la contraseña con BCryptPasswordEncoder, y se presentan roles dinámicos en forma de radio buttons. El diseño del formulario es responsivo e incluye elementos visuales con Bootstrap y una imagen descriptiva en paralelo al formulario.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #21: Update Project - Relación @OneToOne en Usuario y Empleado con roles contantes Enum (Sin Role En)

En este video configuramos la autenticación con Spring Security usando un enum RoleName para representar los roles del sistema. Establecimos una relación @OneToOne entre UserEntity y Empleado, permitiendo acceder al nombre completo del empleado desde la vista. Además, personalizamos el servicio UserDetailsService para cargar usuarios desde la base de datos y validamos roles usando CustomUserDetails. Finalmente, insertamos un usuario en la base de datos con rol ROLE_ADMIN y mostramos su información en una tabla usando Thymeleaf.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #20: Implementación del Controller y Vista User List en Spring Boot

 En este video te enseño cómo listar usuarios de forma paginada usando Spring Boot, Thymeleaf y un servicio de base de datos. Aprenderás a crear el controlador, configurar la paginación y diseñar la vista HTML para mostrar los usuarios de manera ordenada y eficiente. ¡Ideal para proyectos CRUD en Java!

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #19 : Agregar Usuario por Defecto, Contraseña Encriptada🔒 y Cambio en Método Listar 🌐

 #javawebdevelopment #javaweb #springboot

🟥En este video configuramos un usuario por defecto en el sistema de Spring Boot. Primero, modificamos el campo password de la entidad para aceptar contraseñas encriptadas (BCrypt). Luego, actualizamos el método findAll(Pageable) en el Service para paginar usuarios. Finalmente, generamos una contraseña encriptada desde CommandLineRunner y realizamos un INSERT en la base de datos usando import.sql. Este avance es fundamental para integrar la autenticación de usuarios en el siguiente paso usando Spring Security.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #18 : Creación del User Entity, Repository, Service y Service Impl para el Login.

 ✅ En este video actualizamos nuestro proyecto en Spring Boot para crear usuarios y preparar el login usando usuarios almacenados en la base de datos.

1️⃣ Creamos la entidad UserEntity que representa la tabla users. 2️⃣Implementamos el Repository (IUserRepository) extendiendo CrudRepository para manejar los usuarios. 3️⃣ Creamos la interfaz de servicio (IUserService) para definir las operaciones como registrar, buscar y eliminar usuarios. 4️⃣ Implementamos la lógica en el Service (UserServiceImpl) para conectar el Repository con nuestra aplicación. Este avance es fundamental para integrar la autenticación de usuarios en el siguiente paso usando Spring Security.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.

Java Web #17: Update Project - Implementar el Login del Sistema

 💡 En este video implementamos la vista de login de nuestro sistema usando Thymeleaf. Creamos un archivo HTML con el formulario de inicio de sesión, configuramos el método GET en el controlador para mostrar la página, y permitimos el acceso público a través de la configuración de seguridad (ACL) en Spring Security.

La pagina del Canal : Página de Facebook

Apoya al canal

DONAR

📌 Suscríbete para más tutoriales de Java, Spring Boot, Android y automatización con Power Automate.