Thymeleaf中1:N关联场景下表单字段赋值问题：提交后无数据显示的解决方法

看起来你遇到的核心问题是嵌套对象的表单绑定失败，导致Spring MVC无法正确封装Department相关的数据，进而引发表单提交后数据没有被正确保存，或者页面没有跳转到正确的列表页展示数据。我来一步步帮你解决：

问题根源 #

你的ProfessorForm里直接声明了private Department department;，而在Thymeleaf表单里用了th:field="*{department.loc}"。当Spring处理表单提交时，它会尝试调用professorForm.getDepartment().setLoc(...)，但此时professorForm.getDepartment()是null，这会导致隐性的空指针异常（Spring会捕获这个异常，但会标记该字段绑定失败，甚至可能影响整个表单的数据封装），最终导致你看不到提交后的数据。

推荐解决方案：用部门ID关联（更符合实际业务场景） #

在实际开发中，我们通常不会让用户输入部门的loc来关联部门，而是通过选择部门ID（或下拉选择部门）来关联，这样更准确也更友好。

1. 修改表单对象ProfessorForm #

把嵌套的Department对象换成Long类型的部门ID：

@Getter @Setter
public class ProfessorForm {
    private Long id;
    @NotEmpty()
    private String username;
    private String userid;
    private String position;
    private String hiredate;
    private int sal;
    private int comm;
    // 替换原有的Department字段
    private Long departmentId; 
}

2. 修改Thymeleaf表单 #

把原来的department.loc输入框换成下拉选择框（先从后台传入所有部门数据）：

<form th:action="@{/professor/add}" th:object="${professorForm}" method="post">
    <!-- 其他表单字段保持不变 -->
    
    <div class="form-group">
        <label th:for="departmentId">Department</label>
        <select th:field="*{departmentId}" class="form-control">
            <!-- 假设后台传入了名为departments的部门列表 -->
            <option th:each="dept : ${departments}" 
                    th:value="${dept.id}" 
                    th:text="${dept.name + ' (' + dept.loc + ')'}">
            </option>
        </select>
    </div>

    <button type="submit" class="btn btn-primary">Submit</button>
</form>

如果暂时不想用下拉框，也可以换成输入部门ID的输入框：

<div class="form-group">
    <label th:for="departmentId">Department ID</label>
    <input type="number" th:field="*{departmentId}" class="form-control" placeholder="Enter department ID">
</div>

3. 修改Controller逻辑 #

在Controller中通过部门ID查询对应的Department对象，再创建并保存Professor：

@Autowired
private ProfessorRepository professorRepository;
@Autowired
private DepartmentRepository departmentRepository;

@PostMapping("/professor/add")
public String addProfessor(@ModelAttribute ProfessorForm form, BindingResult bindingResult) {
    // 先检查表单绑定是否有错误
    if (bindingResult.hasErrors()) {
        // 如果有错误，返回表单页面并提示错误
        return "professor/add-form"; // 替换成你的表单页面路径
    }

    // 通过ID查询部门（这里处理了部门不存在的情况，你可以根据业务调整）
    Department department = departmentRepository.findById(form.getDepartmentId())
            .orElseThrow(() -> new IllegalArgumentException("Invalid department ID"));

    // 创建Professor对象
    Professor professor = new Professor(form.getUsername(), form.getPosition(), form.getSal(), 
                                      form.getHiredate(), form.getComm(), form.getUserid(), department);
    
    // 保存到数据库
    professorRepository.save(professor);

    // 重定向到教授列表页面，这样就能看到新添加的数据了
    return "redirect:/professor/list";
}

备选方案：如果一定要通过loc关联（不推荐，因为loc可能重复） #

如果你确实需要通过loc来关联部门，可以修改表单对象，把嵌套对象拆分成单独的字段：

1. 修改ProfessorForm #

添加departmentLoc字段，去掉原来的Department对象：

@Getter @Setter
public class ProfessorForm {
    // 其他字段不变
    private String departmentLoc; // 单独的部门位置字段
}

2. 修改表单 #

<div class="form-group">
    <label th:for="departmentLoc">Department Location</label>
    <input type="text" th:field="*{departmentLoc}" class="form-control" placeholder="Enter department location">
</div>

3. Controller处理 #

根据loc查询部门并关联：

@PostMapping("/professor/add")
public String addProfessor(@ModelAttribute ProfessorForm form) {
    // 根据loc查询部门（注意：如果多个部门有相同的loc，这里会有问题）
    Department department = departmentRepository.findByLoc(form.getDepartmentLoc())
            .orElse(null); // 或者抛出异常，根据业务调整

    Professor professor = new Professor(form.getUsername(), form.getPosition(), form.getSal(), 
                                      form.getHiredate(), form.getComm(), form.getUserid(), department);
    professorRepository.save(professor);

    return "redirect:/professor/list";
}

额外注意点 #

• 提交后一定要重定向到列表页面（用redirect:前缀），而不是直接返回表单页面，这样浏览器会重新请求列表数据，你才能看到刚提交的内容。
• 可以通过BindingResult来捕获表单绑定的错误，方便排查问题，比如打印错误信息或者在页面上展示给用户。

内容的提问来源于stack exchange，提问作者Jaeyeon