Crear el controlador del formulario

Oct 13, 2025 by pinkandtrash.com 29 views

Introducción

En este artículo, exploraremos cómo crear un formulario en Spring MVC y Thymeleaf que muestre datos dinámicos provenientes de tres controladores diferentes. Además, aprenderemos a crear una URL dinámica para el formulario utilizando Spring MVC.

Requisitos previos

Para seguir con este artículo, es necesario tener instalado:

Java 8 o superior
Spring MVC 4.3 o superior
Thymeleaf 3.0 o superior
Un IDE como Eclipse o IntelliJ IDEA

Crear los controladores

Primero, creamos tres controladores diferentes que proporcionarán los datos para el formulario. En este ejemplo, crearemos controladores para obtener datos de usuarios, productos y pedidos.

Controlador de usuarios

@RestController
@RequestMapping("/usuarios")
public class UsuarioController {
 
    @GetMapping
    public List<Usuario> obtenerUsuarios() {
        // Simulamos la obtención de usuarios de una base de datos
        List<Usuario> usuarios = new ArrayList<>();
        usuarios.add(new Usuario("Juan", "Pérez"));
        usuarios.add(new Usuario("María", "García"));
        usuarios.add(new Usuario("Pedro", "López"));
        return usuarios;
    }
}

Controlador de productos

@RestController
@RequestMapping("/productos")
public class ProductoController {
 
    @GetMapping
    public List<Producto> obtenerProductos() {
        // Simulamos la obtención de productos de una base de datos
        List<Producto> productos = new ArrayList<>();
        productos.add(new Producto("Camisa", 20.99));
        productos.add(new Producto("Pantalón", 30.99));
        productos.add(new Producto("Zapatos", 40.99));
        return productos;
    }
}

Controlador de pedidos

@RestController
@RequestMapping("/pedidos")
public class PedidoController {
 
    @GetMapping
    public List<Pedido> obtenerPedidos() {
        // Simulamos la obtención de pedidos de una base de datos
        List<Pedido> pedidos = new ArrayList<>();
        pedidos.add(new Pedido("Pedido 1", "Juan Pérez"));
        pedidos.add(new Pedido("Pedido 2", "María García"));
        pedidos.add(new Pedido("Pedido 3", "Pedro López"));
        return pedidos;
    }
}

Crear el formulario

Ahora, creamos el formulario en Thymeleaf que mostrará los datos de los tres controladores. En este ejemplo, crearemos un formulario con tres secciones: usuarios, productos y pedidos.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Formulario con datos dinámicos</title>
</head>
<body>
    <h1>Formulario con datos dinámicos</h1>
    <form th:action="@{/formulario}" method="post">
        <h2>Usuarios</h2>
        <table>
            <tr th:each="usuario : ${usuarios}">
                <td th:text="${usuario.nombre}">Nombre</td>
                <td th:text="${usuario.apellido}">Apellido</td>
            </tr>
        </table>
        <h2>Productos</h2>
        <table>
            <tr th:each="producto : ${productos}">
                <td th:text="${producto.nombre}">Nombre</td>
                <td th:text="${producto.precio}">Precio</td>
            </tr>
        </table>
        <h2>Pedidos</h2>
        <table>
            <tr th:each="pedido : ${pedidos}">
                <td th:text="${pedido.descripcion}">Descripción</td>
                <td th:text="${pedido.cliente}">Cliente</td>
            </tr>
        </table>
        <input type="submit" value="Enviar">
    </form>
</body>
</html>

Crear el controlador del formulario

Ahora, creamos el controlador que manejará la solicitud del formulario. En este ejemplo, creamos un controlador que recibirá los datos del formulario y los mostrará en la página.

@RestController
@RequestMapping("/formulario")
public class FormularioController {
 
    @GetMapping
    public String obtenerFormulario(Model model) {
        // Obtenemos los datos de los controladores
        UsuarioController usuarioController = new UsuarioController();
        ProductoController productoController = new ProductoController();
        PedidoController pedidoController = new PedidoController();
        
        // Obtenemos los datos de los controladores
        List<Usuario> usuarios = usuarioController.obtenerUsuarios();
        List<Producto> productos = productoController.obtenerProductos();
        List<Pedido> pedidos = pedidoController.obtenerPedidos();
        
        // Creamos un modelo con los datos
        model.addAttribute("usuarios", usuarios);
        model.addAttribute("productos", productos);
        model.addAttribute("pedidos", pedidos);
        
        // Regresamos la vista del formulario
        return "formulario";
    }
}

Conclusión

Pregunta 1: ¿Cómo puedo crear un formulario dinámico en Spring MVC y Thymeleaf?

Respuesta: Para crear un formulario dinámico en Spring MVC y Thymeleaf, debes seguir los siguientes pasos:

Crear los controladores que proporcionarán los datos para el formulario.
Crear el formulario en Thymeleaf que mostrará los datos de los controladores.
Crear el controlador que manejará la solicitud del formulario.

Pregunta 2: ¿Cómo puedo obtener los datos de los controladores en el formulario?

Respuesta: Puedes obtener los datos de los controladores en el formulario utilizando la anotación @GetMapping en el controlador y la variable model en la vista.

Pregunta 3: ¿Cómo puedo mostrar los datos de los controladores en la vista?

Respuesta: Puedes mostrar los datos de los controladores en la vista utilizando la variable model y la sintaxis de Thymeleaf.

Pregunta 4: ¿Cómo puedo crear una URL dinámica para el formulario?

Respuesta: Puedes crear una URL dinámica para el formulario utilizando la anotación @RequestMapping en el controlador.

Pregunta 5: ¿Cómo puedo manejar la solicitud del formulario?

Respuesta: Puedes manejar la solicitud del formulario utilizando el controlador que manejará la solicitud del formulario.

Pregunta 6: ¿Cómo puedo mostrar los datos del formulario en la página?

Respuesta: Puedes mostrar los datos del formulario en la página utilizando la variable model y la sintaxis de Thymeleaf.

Pregunta 7: ¿Cómo puedo crear un formulario con múltiples secciones?

Respuesta: Puedes crear un formulario con múltiples secciones utilizando la sintaxis de Thymeleaf y la variable model.

Pregunta 8: ¿Cómo puedo crear un formulario con datos dinámicos?

Respuesta: Puedes crear un formulario con datos dinámicos utilizando la anotación @GetMapping en el controlador y la variable model en la vista.

Pregunta 9: ¿Cómo puedo crear un formulario con una URL dinámica?

Respuesta: Puedes crear un formulario con una URL dinámica utilizando la anotación @RequestMapping en el controlador.

Pregunta 10: ¿Cómo puedo crear un formulario con un controlador dinámico?

Respuesta: Puedes crear un formulario con un controlador dinámico utilizando la anotación @GetMapping en el controlador y la variable model en la vista.

Conclusión

En este artículo, hemos respondido a algunas de las preguntas más frecuentes sobre formularios dinámicos en Spring MVC y Thymeleaf. Esperamos que esta guía te haya sido útil y te haya ayudado a crear tus propios formularios dinámicos en Spring MVC y Thymeleaf.