Como crear un CRUD con Spring Framework 5.2.13 y Bootstrap 4.6 – Parte 3

Spring Tutoriales🗓️ 19-05-2022 | 🔄 26-05-2022 | 👤 Crear un Post, Eventos Devs, Foro

Como crear un CRUD con Spring Framework crud java Spring Framework

Nube Colectiva

nubecolectiva.com/

Post Tags

Como crear un CRUD con Spring Framework, crud, java, Spring Framework

Tiempo de lectura: 6 minuto(s)

Tabla de Contenidos

En la Parte anterior llamada Como crear un CRUD con Spring Framework 5.2.13 y Bootstrap 4.6 – Parte 2, configuramos la base de datos, creamos una tabla llamda postres en donde almacenaremos los registros, asimismo realizamos la conexión a la base de datos en Spring Framework mediante el archivo application.properties, en donde realizamos otras configuraciones para que el proyecto funcione correctamente y comenzamos creando el modelo del sistema CRUD, basandonos en una estructura MVC (Modelo, Vista y Controlador). En esta 3ra parte vamos a trabajar en el controlador para el sistema CRUD, vamos con ello.

Partes

Antes de continuar con este Post, te invito a leer los siguientes artículos:

Asimismo, te invito a escuchar el Podcast: “Herramientas Online Para el Trabajo en Equipo” y “La Inteligencia Artificial (IA) y el Machine Learning (ML) Siempre Trabajan de la Mano” (Anchor Podcast):

Spotify:	Sound Cloud:	Apple Podcasts	Anchor Podcasts

Bien ahora continuemos con el Post: Como crear un CRUD con Spring Framework 5.2.13 y Bootstrap 4.6 – Parte 3.

Controlador

Vamos a comenzar creando el controlador, para esto creo un directorio llamado Controller y dentro de el creo un archivo con el nombre Controlador.java en sistemacrud > src > main > java > com > sistemacrud > sistemacrud > Controller > Controlador.java


/sistemacrud 
  ├── /.mvn
  ├── /src
      ├── /main
          ├── /java  
              ├── /com 
                  ├── /sistemacrud  
                      ├── /sistemacrud  
                          ├── /Controller  // Creo este directorio 
                              ├── Controlador.java // Creo y Abro este Archivo 
                          ├── /Model 
                          ├── SistemacrudApplication.java 
  ├── /target
  ├── .gitignore
  ├── HELP.md
  ├── mvnw
  ├── mvnw.cmd 
  ├── porn.xml

/sistemacrud

├── /.mvn

├── /src

├── /main

├── /java

├── /com

├── /sistemacrud

├── /Controller // Creo este directorio

├── Controlador.java // Creo y Abro este Archivo

├── /Model

├── SistemacrudApplication.java

├── /target

├── .gitignore

├── HELP.md

├── mvnw

├── mvnw.cmd

├── porn.xml

Abro el archivo Controlador.java y dentro de el comienzo importando algunas librerías y utilidades necesarias para mi controlador.


package com.sistemacrud.crudspringboot.Controller;

import java.util.List;
import java.util.Optional;

import com.sistemacrud.crudspringboot.InterfaceService.InterfacePostreService;
import com.sistemacrud.crudspringboot.Model.Postre;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PutMapping;
import org.springframework.web.bind.annotation.RequestMapping; 

import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;

import org.springframework.util.StringUtils;

import java.io.IOException;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUpload;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.FileUploadBase.SizeLimitExceededException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload; 

import org.apache.commons.fileupload.FileUploadException;

import java.io.File; 
import java.io.FileOutputStream;

package com.sistemacrud.crudspringboot.Controller;

import java.util.List;

import java.util.Optional;

import com.sistemacrud.crudspringboot.InterfaceService.InterfacePostreService;

import com.sistemacrud.crudspringboot.Model.Postre;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.validation.annotation.Validated;

import org.springframework.web.bind.annotation.DeleteMapping;

import org.springframework.web.bind.annotation.GetMapping;

import org.springframework.web.bind.annotation.PathVariable;

import org.springframework.web.bind.annotation.PostMapping;

import org.springframework.web.bind.annotation.PutMapping;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.multipart.MultipartFile;

import org.springframework.util.StringUtils;

import java.io.IOException;

import java.nio.file.Files;

import java.nio.file.Path;

import java.nio.file.Paths;

import org.apache.commons.fileupload.FileItem;

import org.apache.commons.fileupload.FileUpload;

import org.apache.commons.fileupload.FileUploadException;

import org.apache.commons.fileupload.FileUploadBase.SizeLimitExceededException;

import org.apache.commons.fileupload.disk.DiskFileItemFactory;

import org.apache.commons.fileupload.servlet.ServletFileUpload;

import org.apache.commons.fileupload.FileUploadException;

import java.io.File;

import java.io.FileOutputStream;

Paso seguido creo una clase publica con el nombre Controladory dentro de ella empiezo llamando a mi IntefacePostreService la cual crearemos mas adelante y una variable UPLOADS con la ruta en donde se guardarán las imagenes de cada registro.

NOTA: He colocado comentarios para explicar que hace cada línea de código.


@Controller
@RequestMapping
public class Controlador {

    @Autowired
    private InterfacePostreService service; 
    
    // Directorio a donde se subirán las imágenes 
    public static String UPLOAD = "src/main/resources/static/uploads/";
    
    // Acá va el resto del código 

}

@Controller

@RequestMapping

public class Controlador {

@Autowired

private InterfacePostreService service;

// Directorio a donde se subirán las imágenes

public static String UPLOAD = "src/main/resources/static/uploads/";

// Acá va el resto del código

}

Leer (Read)

Creo mi método listar() en donde cargaremos una vista con una tabla que contendrá todos los registros desde la base de datos:


// Listar Registros  
@GetMapping("/")
public String listar(Model model){
    // Seleccionamos el modelo 'Postres' y listamos los registros desde la Base de datos 
    List<Postre> postres = service.listar();
    model.addAttribute("postres", postres); 

    return "index";
        
}

// Listar Registros

@GetMapping("/")

public String listar(Model model){

// Seleccionamos el modelo 'Postres' y listamos los registros desde la Base de datos

List<Postre> postres = service.listar();

model.addAttribute("postres", postres);

return "index";

}

Crear (Create)

Ahora creo un método llamado crear() que llamará a una vista con un formulario HTML para agregar un nuevo registro:


/ Crear Registro 
@GetMapping("/crear")
public String crear(Model model){

    // Cargamos el modelo 'Postre' y mostramos un formulario para crear un nuevo registro 
    model.addAttribute("postres", new Postre());
    return "crear";

}

/ Crear Registro

@GetMapping("/crear")

public String crear(Model model){

// Cargamos el modelo 'Postre' y mostramos un formulario para crear un nuevo registro

model.addAttribute("postres", new Postre());

return "crear";

}

El método anterior sirve para mostrar un formulario para crear un registro, pero para el proceso de almacenamiento en la base de datos y la subida de la imágen al servidor voy a crer un método llamado guardar():


// Guardar los datos en la Base de datos y subir la imágen al servidor 
@PostMapping("/guardar")
public String guardar(@Validated Postre p, Model model, @RequestParam("img") MultipartFile multipartFile) throws IOException {
    
    // Obtenemos el nombre la imagen 
    String nombreImagen = StringUtils.cleanPath(multipartFile.getOriginalFilename());
    p.setImagen(nombreImagen); 

    // Subimos la imagen al servidor         
    byte[] bytes = multipartFile.getBytes();
    Path path = Paths.get(UPLOADS + multipartFile.getOriginalFilename());
    Files.write(path, bytes); 
    
    // Guardamos los datos del formulario en la base de datos 
    this.service.save(p);

    // Luego de realizar las tareas correspondientes, redireccionamos a la vista principal 
    return "redirect:/";

}

// Guardar los datos en la Base de datos y subir la imágen al servidor

@PostMapping("/guardar")

public String guardar(@Validated Postre p, Model model, @RequestParam("img") MultipartFile multipartFile) throws IOException {

// Obtenemos el nombre la imagen

String nombreImagen = StringUtils.cleanPath(multipartFile.getOriginalFilename());

p.setImagen(nombreImagen);

// Subimos la imagen al servidor

byte[] bytes = multipartFile.getBytes();

Path path = Paths.get(UPLOADS + multipartFile.getOriginalFilename());

Files.write(path, bytes);

// Guardamos los datos del formulario en la base de datos

this.service.save(p);

// Luego de realizar las tareas correspondientes, redireccionamos a la vista principal

return "redirect:/";

}

Actualizar (Update)

También necesitaremos un método para actualizar los registros, creo el método actualizar():


// Actualizar un Registro 
@GetMapping("/actualizar/{id}")
public String actualizar(@PathVariable int id, Model model){

    // Recibimos el 'id' del registro que se va Actualizar 
    Optional<Postre> postres = this.service.getId(id);

    // Guardamos los datos del formulario en la base de datos 
    model.addAttribute("postres", postres);

    // Luego de realizar las tareas correspondientes, redireccionamos a la vista principal 
    return "actualizar";

}

// Actualizar un Registro

@GetMapping("/actualizar/{id}")

public String actualizar(@PathVariable int id, Model model){

// Recibimos el 'id' del registro que se va Actualizar

Optional<Postre> postres = this.service.getId(id);

// Guardamos los datos del formulario en la base de datos

model.addAttribute("postres", postres);

// Luego de realizar las tareas correspondientes, redireccionamos a la vista principal

return "actualizar";

}

Eliminar (Delete)

Por último vamos a necesitar un método para eliminar los registros, creo el método eliminar() para esta tarea:


// Eliminar un Registro 
@GetMapping("/eliminar/{id}") 
public String delete(@PathVariable int id, Model model){

    // Recibimos el 'id' del registro a eliminar  
    this.service.delete(id);

    // Luego de realizar las tareas correspondientes, redireccionamos a la vista principal 
    return "redirect:/";

}

// Eliminar un Registro

@GetMapping("/eliminar/{id}")

public String delete(@PathVariable int id, Model model){

// Recibimos el 'id' del registro a eliminar

this.service.delete(id);

// Luego de realizar las tareas correspondientes, redireccionamos a la vista principal

return "redirect:/";

}

A continuación el código completo del archivo Controlador.java:


package com.sistemacrud.crudspringboot.Controller;

import java.util.List;
import java.util.Optional;

import com.sistemacrud.crudspringboot.InterfaceService.InterfacePostreService;
import com.sistemacrud.crudspringboot.Model.Postre;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PutMapping;
import org.springframework.web.bind.annotation.RequestMapping; 

import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;

import org.springframework.util.StringUtils;

import java.io.IOException;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUpload;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.FileUploadBase.SizeLimitExceededException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload; 

import org.apache.commons.fileupload.FileUploadException;

import java.io.File; 
import java.io.FileOutputStream;


@Controller
@RequestMapping
public class Controlador {

    @Autowired
    private InterfacePostreService service; 

    // Directorio a donde se subirán las imágenes 
    public static String UPLOADS = "src/main/resources/static/uploads/";

    // Listar Registros  
    @GetMapping("/")
    public String listar(Model model){

        // Seleccionamos el modelo 'Postres' y listamos los registros desde la Base de datos 
        List<Postre> postres = service.listar();
        model.addAttribute("postres", postres); 

        return "index";
        
    }

    // Crear Registro 
    @GetMapping("/crear")
    public String crear(Model model){
        
        // Cargamos el modelo 'Postre' y mostramos un formulario para crear un nuevo registro 
        model.addAttribute("postres", new Postre());
        return "crear";

    }

    // Guardar los datos en la Base de datos y subir la imágen al servidor 
    @PostMapping("/guardar")
    public String guardar(@Validated Postre p, Model model, @RequestParam("img") MultipartFile multipartFile) throws IOException {
         
        // Obtenemos el nombre la imagen
        String nombreImagen = StringUtils.cleanPath(multipartFile.getOriginalFilename());        
        System.out.println(nombreImagen); 
        p.setImagen(nombreImagen); 
        
        // Subimos la imagen al servidor 
        byte[] bytes = multipartFile.getBytes();
        Path path = Paths.get(UPLOADS + multipartFile.getOriginalFilename());
        Files.write(path, bytes); 

        // Guardamos los datos del formulario en la base de datos 
        this.service.save(p); 

        // Luego de realizar las tareas correspondientes, redireccionamos a la vista principal 
        return "redirect:/";

    }

    // Actualizar un Registro 
    @GetMapping("/actualizar/{id}")
    public String actualizar(@PathVariable int id, Model model){

        // Recibimos el 'id' del registro que se va Actualizar 
        Optional<Postre> postres = this.service.getId(id);

        // Guardamos los datos del formulario en la base de datos 
        model.addAttribute("postres", postres);

        // Luego de realizar las tareas correspondientes, redireccionamos a la vista principal 
        return "actualizar";

    }

    // Eliminar un Registro 
    @GetMapping("/eliminar/{id}") 
    public String delete(@PathVariable int id, Model model){

        // Recibimos el 'id' del registro a eliminar  
        this.service.delete(id);

        // Luego de realizar las tareas correspondientes, redireccionamos a la vista principal 
        return "redirect:/";

    }
    
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

package com.sistemacrud.crudspringboot.Controller;

import java.util.List;

import java.util.Optional;

import com.sistemacrud.crudspringboot.InterfaceService.InterfacePostreService;

import com.sistemacrud.crudspringboot.Model.Postre;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.validation.annotation.Validated;

import org.springframework.web.bind.annotation.DeleteMapping;

import org.springframework.web.bind.annotation.GetMapping;

import org.springframework.web.bind.annotation.PathVariable;

import org.springframework.web.bind.annotation.PostMapping;

import org.springframework.web.bind.annotation.PutMapping;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.multipart.MultipartFile;

import org.springframework.util.StringUtils;

import java.io.IOException;

import java.nio.file.Files;

import java.nio.file.Path;

import java.nio.file.Paths;

import org.apache.commons.fileupload.FileItem;

import org.apache.commons.fileupload.FileUpload;

import org.apache.commons.fileupload.FileUploadException;

import org.apache.commons.fileupload.FileUploadBase.SizeLimitExceededException;

import org.apache.commons.fileupload.disk.DiskFileItemFactory;

import org.apache.commons.fileupload.servlet.ServletFileUpload;

import org.apache.commons.fileupload.FileUploadException;

import java.io.File;

import java.io.FileOutputStream;

@Controller

@RequestMapping

public class Controlador {

@Autowired

private InterfacePostreService service;

// Directorio a donde se subirán las imágenes

public static String UPLOADS = "src/main/resources/static/uploads/";

// Listar Registros

@GetMapping("/")

public String listar(Model model){

// Seleccionamos el modelo 'Postres' y listamos los registros desde la Base de datos

List<Postre> postres = service.listar();

model.addAttribute("postres", postres);

return "index";

}

// Crear Registro

@GetMapping("/crear")

public String crear(Model model){

// Cargamos el modelo 'Postre' y mostramos un formulario para crear un nuevo registro

model.addAttribute("postres", new Postre());

return "crear";

}

// Guardar los datos en la Base de datos y subir la imágen al servidor

@PostMapping("/guardar")

public String guardar(@Validated Postre p, Model model, @RequestParam("img") MultipartFile multipartFile) throws IOException {

// Obtenemos el nombre la imagen

String nombreImagen = StringUtils.cleanPath(multipartFile.getOriginalFilename());

System.out.println(nombreImagen);

p.setImagen(nombreImagen);

// Subimos la imagen al servidor

byte[] bytes = multipartFile.getBytes();

Path path = Paths.get(UPLOADS + multipartFile.getOriginalFilename());

Files.write(path, bytes);

// Guardamos los datos del formulario en la base de datos

this.service.save(p);

// Luego de realizar las tareas correspondientes, redireccionamos a la vista principal

return "redirect:/";

}

// Actualizar un Registro

@GetMapping("/actualizar/{id}")

public String actualizar(@PathVariable int id, Model model){

// Recibimos el 'id' del registro que se va Actualizar

Optional<Postre> postres = this.service.getId(id);

// Guardamos los datos del formulario en la base de datos

model.addAttribute("postres", postres);

// Luego de realizar las tareas correspondientes, redireccionamos a la vista principal

return "actualizar";

}

// Eliminar un Registro

@GetMapping("/eliminar/{id}")

public String delete(@PathVariable int id, Model model){

// Recibimos el 'id' del registro a eliminar

this.service.delete(id);

// Luego de realizar las tareas correspondientes, redireccionamos a la vista principal

return "redirect:/";

}

Con esto ya tenemos nuestro controlador con todos los métodos necesarios para que el sistema CRUD funcione sin problemas.

Interface de Servicio

En Java necesitamos crear un interface de servicio que integrará el modelo Postres con ciertos métodos indispensable para el sistema CRUD. Entonces creo un directorio llamado InterfaceService y dentro de el creo el archivo InterfacePostreService.java en sistemacrud > src > main > java > com > sistemacrud > sistemacrud > InterfaceService > InterfacePostreService.java


/sistemacrud 
  ├── /.mvn
  ├── /src
      ├── /main
          ├── /java  
              ├── /com 
                  ├── /sistemacrud  
                      ├── /sistemacrud  
                          ├── /Controller 
                          ├── /InterfaceService // Creo este directorio 
                              ├── InterfacePostreService.java // Creo y Abro este Archivo 
                          ├── /Model 
                          ├── SistemacrudApplication.java 
  ├── /target
  ├── .gitignore
  ├── HELP.md
  ├── mvnw
  ├── mvnw.cmd 
  ├── porn.xml

/sistemacrud

├── /.mvn

├── /src

├── /main

├── /java

├── /com

├── /sistemacrud

├── /Controller

├── /InterfaceService // Creo este directorio

├── InterfacePostreService.java // Creo y Abro este Archivo

├── /Model

├── SistemacrudApplication.java

├── /target

├── .gitignore

├── HELP.md

├── mvnw

├── mvnw.cmd

├── porn.xml

Abro el archivo InterfacePostreService.java y dentro de el agrego lo siguiente:


package com.sistemacrud.crudspringboot.InterfaceService;
import java.util.List;
import java.util.Optional;

import com.sistemacrud.crudspringboot.Model.Postre;

public interface InterfacePostreService {
    
    // Métodos 
    public List<Postre> listar();
    public Optional<Postre> getId(int id);
    public int save(Postre p);
    public void delete(int id);

}

package com.sistemacrud.crudspringboot.InterfaceService;

import java.util.List;

import java.util.Optional;

import com.sistemacrud.crudspringboot.Model.Postre;

public interface InterfacePostreService {

// Métodos

public List<Postre> listar();

public Optional<Postre> getId(int id);

public int save(Postre p);

public void delete(int id);

}

Bien, hasta aquí llegamos con esta 3ra parte del tutorial en donde hemos creado nuestro controlador con sus métodos necesarios para realizar las operaciones CRUD (Create, Read, Delete y Update). Asimismo definimos una interface de servicio con ciertos métodos indispensables.

Ten Paciencia, lo que quiero es que conozcas bien como se crea este proyecto y no llenarte el capitulo de mucho contenido porque te puedes marear y no tendrás un óptimo aprendizaje.

Nota (s)

En la siguiente parte vamos a configurar un repositorio y un servicio para nuestro proyecto.
Los pasos mencionados en este tutorial pueden cambiar en un futuro, esto no depende de mi, si no de la organización que da soporte a Spring Framework, que suele cambiar el orden y las opciones de su herramienta.
No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.

Subscribirse

0 Comments

Inline Feedbacks

View all comments

← Post Anterior Siguiente Post →

Como crear un CRUD con Spring Framework 5.2.13 y Bootstrap 4.6 – Parte 3

Partes

Controlador

Leer (Read)

Crear (Create)

Actualizar (Update)

Eliminar (Delete)

Interface de Servicio

Nota (s)

Partners

Redes Sociales (Developers)

Redes Sociales (Digital)

Post Actualizados / Corregidos

Código QR (De Esta Página)

Partes

Controlador

Leer (Read)

Crear (Create)

Actualizar (Update)

Eliminar (Delete)

Interface de Servicio

Nota (s)

Artículos Relacionados

Partners

Redes Sociales (Developers)

Redes Sociales (Digital)

Post Actualizados / Corregidos

Código QR (De Esta Página)