如何通过Thymeleaf与Spring MVC传递用户ID及职位信息更新实体

嘿，我来帮你搞定这个问题！你已经在页面上显示了用户的ID和用户名，现在要把用户ID和选中的职位一起提交到Spring控制器，其实很简单，下面是具体的实现步骤和修改后的代码：

1. 在表单中添加用户ID的隐藏字段 #

用户ID不需要用户手动输入，我们可以用隐藏的input字段来携带这个值，这样提交表单时就会自动把ID和职位一起发送到后台。你有两种实现方式可选：

方式一：绑定到Player对象的id属性 #

如果你的${player}对象已经包含了用户的id，直接用Thymeleaf的th:field绑定即可：

<input type="hidden" th:field="*{id}" />

方式二：直接使用页面上的${id}变量 #

如果页面上的${id}是单独传递的（不属于Player对象的属性），可以用th:value设置隐藏字段的值：

<input type="hidden" name="id" th:value="${id}" />

2. 确保Player实体类配置正确 #

你的Player类需要包含id和position两个属性，并且要有对应的getter/setter方法，这样Spring MVC才能自动将表单参数绑定到对象上：

public class Player {
    private Long id;
    private String position;

    // Getter和Setter方法
    public Long getId() { return id; }
    public void setId(Long id) { this.id = id; }
    public String getPosition() { return position; }
    public void setPosition(String position) { this.position = position; }
}

3. 修改你的HTML表单代码 #

我帮你修复了原代码中嵌套<h4>的不规范问题，同时添加了隐藏字段和提交按钮，修改后的完整代码如下：

<center>
    Logged in 
    <h4>Player: <span th:text="${username}" /></h4>
    <h4>ID: <span th:text="${id}" /></h4>
    <a style="color:blue" th:href="@{/home}">HomeScreen!</a>

    <h4>Update Position</h4>
    <form th:action="@{/updatePlayer}" th:object="${player}" method="post">
        <!-- 添加隐藏字段传递用户ID -->
        <input type="hidden" th:field="*{id}" />
        <!-- 如果你用单独的${id}变量，就替换成下面这行 -->
        <!-- <input type="hidden" name="id" th:value="${id}" /> -->
        
        <table>
            <tr>
                <td>Preferred Position:</td>
                <td>
                    <select th:field="*{position}">
                        <option value="TightHead">TightHead (1)</option>
                        <!-- 其他职位选项继续在这里添加 -->
                    </select>
                </td>
            </tr>
        </table>
        <button type="submit" style="margin-top:10px">Update Position</button>
    </form>
</center>

4. 编写Spring控制器的处理方法 #

你可以选择两种方式接收参数，根据你的业务需求来选：

方式一：接收整个Player对象 #

@PostMapping("/updatePlayer")
public String updatePlayer(@ModelAttribute Player player) {
    // 这里可以直接拿到player.getId()和player.getPosition()
    // 执行你的更新逻辑，比如保存到数据库
    return "redirect:/home"; // 重定向到首页或其他页面
}

方式二：单独接收id和position参数 #

@PostMapping("/updatePlayer")
public String updatePlayer(@RequestParam Long id, @RequestParam String position) {
    // 直接获取id和position参数
    // 执行你的更新逻辑
    return "redirect:/home";
}

这样提交表单时，用户ID和选中的职位就会一起传递到控制器了！

内容的提问来源于stack exchange，提问作者Gavin James Beere