buscador

Visita

lunes, 15 de diciembre de 2025

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.

martes, 11 de noviembre de 2025

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.

domingo, 19 de octubre de 2025

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.


Java Web #16 : Implementar Spring Security 6 con usuarios en Memoria

 馃挕 Aprende paso a paso c贸mo configurar Spring Security 6 en tu proyecto Spring Boot para proteger tus rutas web utilizando usuarios en memoria.

Objetivo: Protege su Web con Spring Security 馃殌 En este tutorial ver谩s: ✅ C贸mo agregar las dependencias necesarias en el pom.xml. ✅ C贸mo crear la clase de configuraci贸n WebSecurityConfig.java. ✅ C贸mo definir usuarios con roles USER y ADMIN. ✅ C贸mo proteger rutas espec铆ficas seg煤n los roles definidos. ✅ C贸mo utilizar Thymeleaf para mostrar elementos seg煤n el rol del usuario. 馃攼 Al final tendr谩s un login b谩sico completamente funcional usando la seguridad por defecto de Spring.

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 #15: Update Project - Implementaci贸n de Paginaci贸n en Spring Boot con Thymeleaf 馃殌

 En este tutorial, aprender谩s a implementar paginaci贸n en una aplicaci贸n Spring Boot + Thymeleaf usando PageRender, una clase personalizada que gestiona la paginaci贸n de datos desde Spring Data JPA.

✅ Extrae datos paginados de la base de datos con Page Empleado ✅ Genera enlaces de paginaci贸n din谩micos con PageRender T ✅ Muestra empleados paginados en una tabla Thymeleaf ✅ Usa Bootstrap para dise帽ar el paginador 馃搶 PageRender T: Calcula la cantidad de p谩ginas y genera los enlaces. 馃搶 Controlador: Maneja la solicitud GET y env铆a los datos paginados a la vista. 馃搶 Vista Thymeleaf: Muestra los datos en una tabla con un paginador din谩mico. Muestra empleados con opciones para editar, eliminar y navegar entre p谩ginas de manera eficiente.


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 #14: Implementando SweetAlert, reemplazo de fotos y footer del Sistema Web

 En este video, se implement贸 SweetAlert para optimizar la experiencia del usuario en las funciones de edici贸n y eliminaci贸n de empleados, ofreciendo alertas m谩s modernas y atractivas. Tambi茅n se actualiz贸 el sistema para reemplazar autom谩ticamente la foto anterior del empleado al cargar una nueva. Por 煤ltimo, se a帽adi贸 un footer personalizado, brindando un acabado profesional y cohesivo a la interfaz del sistema.


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 #13 : Mejoras en la validaci贸n Personalizada con Spring Boot JPA

 En este video, analizaremos paso a paso un fragmento de c贸digo que busca y valida empleados usando su documento. Exploraremos c贸mo el m茅todo findByDocumento interact煤a con la base de datos, c贸mo isValid verifica la validez de los datos, y c贸mo RequestContext gestiona el contexto de las solicitudes. Si quieres comprender mejor c贸mo implementar validaciones eficaces en tu aplicaci贸n, ¡este video es para ti!

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 #12 : Validaci贸n Personalizada y a帽adir bot贸n Close del Mensaje RedirectAttributes

En este video, se explica c贸mo implementar una validaci贸n personalizada en Spring utilizando la anotaci贸n @Constraint para verificar si un documento de empleado ya est谩 registrado en la base de datos. Esta validaci贸n personalizada se implementa con una clase ExistsByDocumentoValidation, la cual usa un servicio (EmpleadoIService) para comprobar la existencia del documento en el sistema.

Ademas como Plus agregamos dentro del div del mensage de RedirectAttributes un boton para cerrar, para que el usuario pueda cerrar el mensaje de forma intuitiva.


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 #11 : Almacenamiento Externo de Foto y Mensaje de Confirmaci贸n con RedirectAttributes

 En este video, explico c贸mo implementar el almacenamiento externo de fotos en una carpeta fuera del proyecto y configurar la aplicaci贸n para acceder a ellas. Adem谩s, muestro c贸mo enviar un mensaje de confirmaci贸n al usuario utilizando RedirectAttributes tras completar el registro exitoso de la foto y los datos del empleado.

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.

domingo, 28 de septiembre de 2025

Java Web #10 : Agregando el registro de foto con los datos del Empleado, Almacenamiento dentro del proyecto

En este video tutorial, actualizaremos el m茅todo procesarForm para gestionar la foto del empleado que se guardara en una carpeta dentro del proyecto utilizando clases como Path, Paths, Files y MultipartFile.

Para visualizarlo Usaremos Thymeleaf "th:src"

En el proximo video se realizar谩 la forma que no estes actualizando el proyecto para que se muestre si no guardaremos la foto en una ruta estatica con la carpeta creado. 

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 #09: Personalizar Mensajes de Validaci贸n en Spring con messages.properties

En este video, aprender谩s a personalizar los mensajes de validaci贸n en tu aplicaci贸n Spring utilizando el archivo messages.properties. Descubre c贸mo adaptar los mensajes de error a las necesidades de tu proyecto.

En aplicaciones Spring, el archivo messages.properties es detectado autom谩ticamente para manejar los mensajes internacionales (i18n) o personalizados.Sin embargo, cuando necesitas trabajar con m煤ltiples idiomas, como messages_es.properties (para espa帽ol) o messages_en.properties (para ingl茅s), es necesario configurar algunas propiedades en el archivo application.properties para que Spring sepa c贸mo manejar el idioma y localizar el archivo correcto.

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 #08: Implementaci贸n de Validaci贸n de Campos del formulario con la dependencia Validation

 Dependencia Validation: Se utiliza la biblioteca de Jakarta Bean Validation (antes javax.validation) para aplicar restricciones como @NotBlank, @Size, en los campos de formularios. Esto asegura que los datos ingresados cumplan con las reglas establecidas antes de procesarlos, proporcionando mensajes de error personalizados y validaciones autom谩ticas en controladores con @Valid.

Tambien podemos personalizar los mensajes de error con los archivos messages.properties

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 #07: Implementar Eliminar Registro del Empleado por ID,Boostrap y Thymeleaf para un Boton Atractivo

 ¡Hola a todos! En este video, se implementar谩 el metodo deleteById de JPA, con la estructura de MVC, se implementar谩 con ayuda boostrap y Thymeleaf el boton Eliminar.

¡Acomp谩帽ame en este tutorial para dar la funcionalida de eliminar un empleado mediante el boton en la web!

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.

lunes, 22 de septiembre de 2025

Java Web #06: Implementar el Editar Registro del Empleado, Boostrap y Thymeleaf

 En este video, se implementar谩 el metodo findById de JPA, con la estructura de MVC, se implementar谩 con ayuda boostrap y Thymeleaf el boton editar y el input hidden en el formulario con el ID.

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 #05: Optimizar las p谩ginas con Bootstrap 5 y Thymeleaf: Uso de Fragments para un Dise帽o Centralizado

En este video, vamos a mejorar el dise帽o de nuestras p谩ginas utilizando Bootstrap 5, a帽adiendo estilos y estructura para lograr una apariencia m谩s profesional. Adem谩s, aprenderemos c贸mo simplificar nuestro c贸digo HTML centralizando las secciones comunes como el head, el header, y la integraci贸n de Bootstrap. Usaremos los fragments de Thymeleaf, haciendo nuestro proyecto m谩s limpio y f谩cil de mantener. ¡Acomp谩帽ame en este tutorial para optimizar y profesionalizar nuestras p谩ginas web!


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.

mi茅rcoles, 20 de agosto de 2025

Java Web #04: Implementaci贸n de Registrar Empleado

Continuando con el video anterior, implementaremos un m茅todo registrar Empleado (regEmpleado) en la interfaz del service. Luego, a帽adiremos la implementaci贸n de este m茅todo en la clase de service Implement. A continuaci贸n, crearemos dos m茅todos en el controlador: uno de tipo GET y otro de tipo POST. El m茅todo GET servir谩 para cargar el formulario de registro en la interfaz (HTML), mientras que el m茅todo POST procesar谩 el env铆o de dicho formulario.

Java Web #03: Creaci贸n del Import.sql , Prueba y Revisi贸n del C贸digo m茅todo listar.

Continuando con el video anterior se crea un archivo import.sql donde se implementar谩 la sentencia SQL para el insert de una fila en la tabla empleado, posterior se revis谩 el c贸digo para ver si estan las anotaciones correctas, se revisa el c贸digo del m茅todo listar, que probablemente est谩 encargado de listar registros desde una base de datos o una lista de objetos. 


Java Web #02: Creci贸n de la Interface Repository (Acceso a Datos), Service y Controlador y Vista Listar.

En este video tutorial, aprenderemos a crear una interfaz de acceso a datos (repository) para gestionar empleados. Primero, definiremos la interfaz de los m茅todos del servicio y luego implementaremos dichos m茅todos en una clase espec铆fica. A continuaci贸n, crearemos un controlador para los empleados y desarrollaremos un endpoint para listar todos los registros. Finalmente, codificaremos la vista de listado utilizando Thymeleaf y HTML, integrando todo el proceso para un manejo eficiente de los datos.



domingo, 6 de julio de 2025

Java Web #01: Creaci贸n del Proyecto en Spring Tool Suite – Estructura de Paquetes y Entidad Empleado



Creacion del proyecto Spring Boot 


Abrir el IDE Spring tool suite ir a File > New > Other > en select a Wizard en la secci贸n en Spring Boot > Spring Starter Project :

Seleccionar las dependencias:



 

Creaci贸n de la estructura de los paquetes del proyecto.
  • Entidad
  • Repositorio
  • Servicio
  • Controlador


Creaci贸n de la entidad Empleado:



Video #01: Creaci贸n del Proyecto en Spring Tool Suite – Estructura de Paquetes y Entidad Empleado

En este video tutorial se muestra paso a paso c贸mo crear un nuevo proyecto en Spring Tool Suite empleando Java, Spring Boot, MySQL y Thymeleaf. Ideal para desarrolladores que buscan configurar r谩pidamente la arquitectura b谩sica de una aplicaci贸n web.

viernes, 3 de enero de 2025

Java Web : Proyecto Create, Read, Update and Delete (CRUD) con Spring Boot, DB Mysql y Thymeleaf + Boostrap (MVC)

 #03: Registrar empleado con Validaciones, Actualizar datos de Empleado y Eliminar

Continuando con el proyecto vamos a implementar las funcionalidades de registrar datos de un empleado con validaciones es decir que no permita el registro de valores nulos o vacios, actualizar los datos del empleado y por ultimo eliminar mediante el ID del empleado.


Service Interface
 
   
Definimos la interfaz EmpleadoIService que contiene los m茅todos para manejar las operaciones de CRUD (Crear, Leer, Actualizar y Eliminar) de la entidad Empleado.

Vans Ward, Zapatillas Hombre馃寪

 

 

 Service Implementation 
Implementamos la interfaz EmpleadoIService en la clase EmpleadoIServiceImpl para definir la l贸gica de negocio.  @Transactional(readOnly = true) es una anotaci贸n que indica que es un metodo que no realiza va a realizar algun cambio en la Base de Datos.  

Controller 
Definimos el controlador EmpleadoController para manejar las solicitudes HTTP y asociar las vistas correspondientes

 

 Validaci贸n 

A帽adimos la dependencia para validaci贸n en el archivo pom.xml:  

 En la entidad Empleado, agregamos anotaciones de validaci贸n:

 

Formulario HTML con Thymeleaf Dise帽amos un formulario para registrar y editar empleados en Thymeleaf:

 



Conclusi贸n 
Este tutorial cubre el registro, actualizaci贸n y eliminaci贸n de empleados en una aplicaci贸n Spring usando Thymeleaf. Implementamos la l贸gica de negocio, controladores, validaci贸n y dise帽amos un formulario para manejar estas operaciones.

jueves, 2 de enero de 2025

Cisco 7馃摗:  Packet Tracer Desaf铆o del M贸dulo 2 - Desaf铆o de Habilidades de configuraci贸n Cisco CCNA

Packet Tracer: desaf铆o de integraci贸n de habilidades

Tabla de direccionamiento



Situaci贸n
El administrador de red le pidi贸 que configure un nuevo switch. En esta actividad, usar谩 una lista de requisitos para configurar el nuevo switch con las configuraciones iniciales, SSH y la seguridad de puertos.

Requisitos
Configure S1 con los siguientes par谩metros iniciales:
-     Nombre de host
-     Aviso con la palabra warning (advertencia) 
-     Usuario y contrase帽a de puerto de consola cisco
-     Contrase帽a de enable cifrada class
-     Cifrado de contrase帽as de texto no cifrado
-     Direccionamiento de interfaces de administraci贸n
Configure el SSH para asegurar el acceso remoto con las siguientes configuraciones:
-     Nombre de dominio cisco.com .
-     Par谩metros de par de claves RSA compatibles con SSH, versi贸n 2.
-     Establecimiento de SSH versi贸n 2.
-     Usuario admin con contrase帽a ccna.
-   Las l铆neas VTY solo aceptan conexiones SSH y utilizan el inicio de sesi贸n local para la autenticaci贸n.
Configure la funci贸n de seguridad de puertos para restringir el acceso a la red.
-     Deshabilite todos los puertos sin utilizar.
-     Establezca la interfaz en modo de acceso.
-     Habilite la seguridad de puertos para permitir solo dos hosts por puerto.
-     Registre la direcci贸n MAC en la configuraci贸n en ejecuci贸n.
-     Aseg煤rese de que los puertos se deshabiliten cuando se produzcan infracciones de puertos.

Configure S1 con los siguientes par谩metros iniciales:

Switch > enable
Switch # configure terminal

Nombre de host
Switch(config) # hostname S1

Aviso con la palabra warning (advertencia) 
S1(config) # banner motd # warning #

Usuario y contrase帽a de puerto de consola cisco
S1(config) # line console 0
S1(config-line) # password cisco
S1(config-line) # login
S1(config-line) # exit

Contrase帽a de enable cifrada class
S1(config) # enable password cisco
S1(config) # enable secret class

Cifrado de contrase帽as de texto plano
SW1(config) # service password-encryption

Direccionamiento de interfaces de administraci贸n
S1(config) #interface vlan 1
S1(config-if) #ip address 10.10.10.2 255.255.255.0
S1(config-if) #no shut
S1(config-if) #exit


Configure el SSH para asegurar el acceso remoto con las siguientes configuraciones:

Nombre de dominio cisco.com.
S1(config) # ip domain-name cisco.com

Par谩metros de par de claves RSA compatibles con SSH, versi贸n 2.
S1(config) # crypto key generate rsa 1024

Establecimiento de SSH versi贸n 2.
S1(config) # ip ssh version 2

Usuario admin con contrase帽a ccna.
S1(config) # username admin password ccna

Las l铆neas VTY solo aceptan conexiones SSH y utilizan el inicio de sesi贸n local para la autenticaci贸n.
S1(config) # line vty 0 15
S1(config-line)#transport input ssh
S1(config-line)#login local
S1(config-line)#exit


Configure la funci贸n de seguridad de puertos para restringir el acceso a la red.

Deshabilite todos los puertos sin utilizar.
S1(config) # interface range f0/3-f0/24
S1(config-if-range) # shutdown
S1(config-if-range) # exit
S1(config) # interface range g0/1-g0/2
S1(config-if-range) # shutdown
S1(config-if-range) # exit

Establezca la interfaz en modo de acceso.
Habilite la seguridad de puertos para permitir solo dos hosts por puerto.
La direcci贸n MAC en la configuraci贸n en ejecuci贸n.
Aseg煤rese de que los puertos se deshabiliten cuando se produzcan infracciones de puertos.
S1(config) # interface f0/1
S1(config-if) # switchport mode access
S1(config-if) # switchport port-security
S1(config-if) # switchport port-security maximum 2
S1(config-if) # switchport port-security mac-address sticky 
S1(config-if) # switchport port-security mac-address sticky 00E0.B027.2245
S1(config-if) # switchport port-security violation shut
S1(config-if) # interface f0/2
S1(config-if) # switchport mode access
S1(config-if) # switchport port-security
S1(config-if) # switchport port-security maximum 2
S1(config-if) # switchport port-security mac-address sticky 
S1(config-if) # switchport port-security mac-address sticky 0001.647C.697E
S1(config-if) # switchport port-security violation shut




En esta actividad es todo lo que se tendr铆a que configurar de acuerdo con lo solicitado en la pr谩ctica del Packet Tracer. Nos vemos en la pr贸xima publicaci贸n.

Descargue el archivo .pka
Descargue los comandos del desaf铆o del cap铆tulo 2

Cisco 6馃摗:  Packet Tracer Pr谩ctica del M贸dulo 2 — Establecer configuraci贸n b谩sica de los dispositivos intermediarios — Nombre del dispositivo — Contrase帽a de usuario y de EXE privilegiado — Encriptar contrase帽as — Mensaje del aviso — Sincronizar consola↗️

En la publicaci贸n anterior implemento la actividad Packet Tracer de configuraci贸n basica del dispositivo intermedio (SWITCH Y ROUTER) y direccionamiento IP del dispositivo final lo puede revisar aqui ↗.

En esta publicaci贸n se revisar谩 el escenario:
Como administrador de red, se implementar谩 una red por el departamento de marketing, es usted el encargado de la configuraci贸n, seg煤n lo solicitado para cada dispositivo, solo solicitan la configuraci贸n b谩sica de cada uno de los dispositivos (2 SWITCHES y 1 ROUTER).

La configuraci贸n de un switch es casi similar al del router, tiene algunas variaciones por las funciones de cada dispositivo intermedio.

Objetivo
====================
1. Configurar nombre del dispositivo.
2. Establecer la contrase帽a exec usuario.
3. Establecer la contrase帽a exec privilegiado.
4. Proteger el Acceso remoto.
5. Encriptar las contrase帽as.
6. Establecer el Mensaje de bienvenida.
7. Deshabilitar b煤squedas de dominio.
8. Sincronizar consola.

Desarrollo de la Actividad

Configuraci贸n del Switch SWI

Switch>
Switch>enable
Switch#configure terminal

1. Nombre del dispositivo SWI
Switch(config)#hostname SW1

2. Clave EXEC usuario: cisco123
SW1(config)#line console 0
SW1(config-line)#password cisco123
SW1(config-line)#login
SW1(config-line)#exit

3. Clave EXEC privilegiado: cisco456
SW1(config)#enable secret cisco456

4. Clave de acceso remoto: cisco789
SW1(config)#line vty 0 4
SW1(config-line)#password cisco789
SW1(config-line)#login
SW1(config-line)#exit

5. Encriptar todas las contrase帽as
SW1(config)#service password-encryption 

6. Mensaje de bienvenida: EJERCICIO1
SW1(config)#banner motd #EJERCICIO1#

7. Deshabilitar b煤squedas de dominio
SW1(config)#no ip domain-lookup

8. Sincronizar la consola
SW1(config)#line console 0
SW1(config-line)#logging synchronous
SW1(config-line)#exit

Configuraci贸n del Switch SW2
Switch>
Switch>enable
Switch#configure terminal

1. Nombre del dispositivo SW2

Switch(config)#hostname SW2


2. Clave EXEC usuario: cisco1

SW2(config)#line console 0
SW2(config-line)#password cisco1
SW2(config-line)#login
SW2(config-line)#exit

3. Clave EXEC privilegiado: cisco2

SW2(config)#enable secret cisco456


4. Clave de acceso remoto: cisco3

SW2(config)#line vty 0 4
SW2(config-line)#password cisco789
SW2(config-line)#login
SW2(config-line)#exit

5. Encriptar todas las contrase帽as

SW2(config)#service password-encryption 


6. Mensaje de bienvenida: EJERCICIO1

SW2(config)#banner motd #EJERCICIO1#


7. Deshabilitar b煤squedas de dominio

SW2(config)#no ip domain-lookup


8. Sincronizar la consola

SW1(config)#line console 0
SW1(config-line)#logging synchronous
SW1(config-line)#exit

Configuraci贸n del Router R1

Router>enable
Router#configure terminal

1. Nombre del dispositivo R1
Router(config)#hostname R1

2. Clave EXEC usuario: ciscox
R1(config)#line console 0
R1(config-line)#password ciscox
R1(config-line)#login
R1(config-line)#exit

3. Clave EXEC privilegiado: ciscoy
R1(config)#enable secret ciscoy

4. Clave de acceso remoto: ciscoz
R1(config)#line vty 0 4
R1(config-line)#password ciscoz
R1(config-line)#login
R1(config-line)#exit

5. Encriptar todas las contrase帽as
R1(config)#service password-encryption

6. Mensaje de bienvenida: EJERCICIO1
R1(config)#banner motd #EJERCICIO1#

7. Deshabilitar b煤squedas de dominio
R1(config)#no ip domain-lookup

8. Sincronizar la consola
R1(config)#line console 0
R1(config-line)#logging synchronous
R1(config-line)#exit

Nota : Logging synchronous indica al sistema operativo del dispotivo intermedio que, si hay un mensaje de evento mientras se ingresa un comando, luego de presentado el mensaje se repita lo ingresado del comando para facilitar la lectura del mismo.

En esta actividad es todo lo que se tendr铆a que configurar de acuerdo con lo solicitado en la pr谩ctica del Packet Tracer. Nos vemos en la pr贸xima publicaci贸n.

Descargue el archivo de Cisco Packet Tracer de este art铆culo.

Link : Drive compartido.






Raul Tamani A. ©. Im谩genes del tema de fpm. Con tecnolog铆a de Blogger.

Adblock Detectado

Apoya este sitio desactivando el Adblock para seguir navegando. ¡Gracias!

¡Ya Desactive el Adblock!