📌 EL INFORMATICO 👷 IBERO

jueves, 30 de abril de 2026

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.

package com.ibero.web.services;

import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;
import com.ibero.web.entities.Empleado;
import com.ibero.web.repositories.IEmpleadoRepository;

@Service
public class EmpleadoIServiceImpl implements EmpleadoIService {

@Autowired 
    private IEmpleadoRepository emplerepo;
    
    @Override
    @Transactional(readOnly = true)
    public List<Empleado> findAll() {
        return (List<Empleado>) emplerepo.findAll();
    }

@Override
    @Transactional
    public void regEmpleado(Empleado empl) {
        emplerepo.save(empl);
    }

@Override
    @Transactional(readOnly=true)
    public Empleado findEmpleadoById(Integer id) {
        return emplerepo.findById(id).orElse(null);
    }

@Override
    @Transactional
    public void deleteById(Integer id) {
        emplerepo.deleteById(id);
    }
}

Controller

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

package com.ibero.web.controllers;

import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.servlet.mvc.support.RedirectAttributes;
import com.ibero.web.entities.Empleado;
import com.ibero.web.services.EmpleadoIService;
import jakarta.validation.Valid;

@Controller
@SessionAttributes(names = "empleado")
public class EmpleadoController {

private final Logger log = LoggerFactory.getLogger(getClass());
    
    @Autowired
    private EmpleadoIService emplser;
    
    @GetMapping({"/", "/listar"})
    public String showList(Model model) {
        model.addAttribute("empleados", emplser.findAll());
        return "all";
    }
    
    @GetMapping(value = "/form")
    public String showForm(Model model) {
        model.addAttribute("titleForm", "Formulario de Registro");
        model.addAttribute("empleado", new Empleado());
        return "form";
    }
    
    @PostMapping(value = "/form")
    public String processForm(@Valid Empleado empleado, BindingResult result, Model model,
                              @RequestParam("file") MultipartFile foto, RedirectAttributes message) {

if (result.hasErrors()) {
            model.addAttribute("titleForm", "Registro de Empleado");
            return "form";
        }
        if (!foto.isEmpty()) {
            Path direc = Paths.get("C://Web_Fotos");
            String rootPath = direc.toFile().getAbsolutePath();
            try {
                byte[] bytes = foto.getBytes();
                Path rutaCompleta = Paths.get(rootPath + "//" + foto.getOriginalFilename());
                Files.write(rutaCompleta, bytes);
                empleado.setFoto(foto.getOriginalFilename());
            } catch (Exception e) {
                log.error("Ocurrió un error: " + e);
            }
        }
        message.addFlashAttribute("success", "Datos registrados correctamente");
        emplser.regEmpleado(empleado);
        return "redirect:/listar";
    }
    
    @GetMapping(value = "/form/{id}")
    public String editForm(@PathVariable Integer id, Model model) {
        Empleado empleado = null;
        if (id > 0) {
            empleado = emplser.findEmpleadoById(id);
        }
        model.addAttribute("titleForm", "Editar Registro");
        model.addAttribute("empleado", empleado);
        return "form";
    }
    
    @GetMapping(value = "/deleteById/{id}")
    public String deleteEmployee(@PathVariable Integer id) {
        if (id > 0) {
            emplser.deleteById(id);
        }
        return "redirect:/listar";
    }
}

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:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="main/layout.html :: head">
<meta charset="UTF-8">
<title th:text="${titleForm}"></title>
<style>
    #formFile {
      display: none;
    }
    .custom-file-label {
      display: inline-block;
      padding: 8px 15px;
      background-color: #007bff;
      color: white;
      cursor: pointer;
      border-radius: 5px;
      text-align: center;
    }
    .custom-file-label:hover {
      background-color: #0056b3;
    }
</style>
</head>
<body>
<header th:insert="main/layout.html :: header"> </header>
<div class="container-fluid">
    <div class="container">
        <div class="card shadow col-6">
            <div class="card-header">
                <h1 class="text-center" th:text="${titleForm}"></h1>
            </div>
            <div class="card-body text-dark">
                <form th:action="@{/form}" th:object="${empleado}" method="POST" enctype="multipart/form-data">
                    <input type="hidden" th:field="*{id}">
                    <div class="form-group row mb-3 xs-3">
                        <label class="col-sm-2 col-form-label">Nombres</label>
                        <div class="col-sm-4">
                            <input type="text" th:field="*{nombre}" class="form-control" placeholder="Ramón Esteban" th:errorclass="'form-control alert-danger'"/>
                            <div class="form-text text-danger" th:if="${#fields.hasErrors('nombre')}" th:errors="*{nombre}"></div>
                        </div>
                    </div>
                    
                    <div class="input-group mb-3" style="margin-top: 5px;">
                        <input class="form-control" name="file" type="file" id="formFile">
                    </div>
                    <div class="col-sm-5 text-center mt-2">
                        <input type="submit" value="Guardar" class="btn btn-outline-info" style="width: 50%;" />
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<footer th:replace="main/layout.html :: footer"></footer>
</body>
</html>

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.

viernes, 10 de abril de 2026

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

Menu

buscador

Visita

jueves, 30 de abril de 2026

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

viernes, 10 de abril de 2026

jueves, 9 de abril de 2026

miércoles, 8 de abril de 2026

martes, 7 de abril de 2026

lunes, 6 de abril de 2026

domingo, 5 de abril de 2026

sábado, 4 de abril de 2026

viernes, 3 de abril de 2026

jueves, 2 de abril de 2026

miércoles, 1 de abril de 2026

Seleccionar las dependencias:

application.propertiesspring.application.name=TutorialWebMysql server.port=8090 #DATABASE spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/db_tutoriales spring.datasource.username=root spring.datasource.password=12345

Creación de la entidad Empleado:

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

lunes, 15 de diciembre de 2025

martes, 11 de noviembre de 2025

domingo, 19 de octubre de 2025

jueves, 2 de enero de 2025

Packet Tracer: desafío de integración de habilidades

Configure S1 con los siguientes parámetros iniciales:

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

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

Adblock Detectado