Spring Boot与Thymeleaf表单数据绑定：解决用户输入获取问题

<form th:action="@{/login}" method="post" th:object="${loginForm}">
    <!-- 表单字段 -->
</form>

<input type="text" th:field="*{email}" class="form-control" required />

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

// 使用Lombok简化POJO开发，提供getter/setter、构造函数等
@Data // 自动生成getter、setter、equals、hashCode、toString方法
@AllArgsConstructor // 自动生成包含所有字段的构造函数
@NoArgsConstructor // 自动生成无参构造函数
public class LoginForm {
    private String email;
    private String password;
}

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.servlet.ModelAndView;

@Controller
public class LoginController {

    // 假设存在UserService和UserDto用于实际业务逻辑
    // private final UserService userService;
    // public LoginController(UserService userService) {
    //     this.userService = userService;
    // }

    /**
     * 显示登录表单页面
     * 当用户首次访问 /login 路径时，此方法负责渲染表单。
     * 必须向模型中添加一个空的 LoginForm 对象，以便 Thymeleaf 的 th:object 能够找到它。
     *
     * @param model Spring UI模型，用于传递数据到视图
     * @return 登录表单的视图名称
     */
    @GetMapping("/login")
    public String showLoginForm(Model model) {
        model.addAttribute("loginForm", new LoginForm()); // 确保Thymeleaf能找到th:object="${loginForm}"
        return "/login/login-form";
    }

    /**
     * 处理登录表单提交
     * 使用 @PostMapping 确保只处理 POST 请求，提高安全性。
     * @ModelAttribute("loginForm") 将表单提交的数据绑定到 LoginForm 对象。
     *
     * @param loginForm 自动从表单提交数据中填充的 LoginForm 对象
     * @param model Spring UI模型，用于传递数据到视图
     * @return 登录成功或失败后的视图
     */
    @PostMapping("/login")
    public ModelAndView processLogin(@ModelAttribute("loginForm") LoginForm loginForm, Model model) {
        System.out.println("接收到的Email: " + loginForm.getEmail());
        System.out.println("接收到的Password: " + loginForm.getPassword());

        // 示例：简单的用户认证逻辑
        if (loginForm.getEmail() != null && !loginForm.getEmail().isEmpty() &&
            "test@example.com".equals(loginForm.getEmail()) && "password".equals(loginForm.getPassword())) {
            // 认证成功，可以重定向到用户主页或显示成功信息
            model.addAttribute("message", "登录成功！欢迎 " + loginForm.getEmail());
            // 假设有一个 success-page 视图
            return new ModelAndView("success-page", model.asMap());
        } else {
            // 认证失败，返回登录页面并显示错误信息
            model.addAttribute("error", "邮箱或密码不正确！");
            // 重新返回登录页面，此时 loginForm 会保留用户输入（如果绑定正确）
            return new ModelAndView("/login/login-form", model.asMap());
        }
    }
}

package com.example.demo.form; // 假设包名为 com.example.demo.form

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
public class LoginForm {
    private String email;
    private String password;
}

    
    
    
    


    

        
用户登录
        
        

            邮箱或密码不正确！
        

        
        
            

                

                    E-mail: 
                    

                        
                        <input type="text" th:field="*{email}" class="form-control" required />
                    
                

                

                    Password: 
                    

                        
                        
                    
                

                

                    登录