Spring Thymeleaf：编辑选中实体对象、传参及回显值问题

咱们一步一步来搞定你遇到的这两个问题，都是Spring MVC开发里很常见的场景，很快就能理顺！

一、修复"Missing URI template variable 'id'"错误 #

这个报错的核心是前端传递的ID参数和控制器方法的参数接收方式不匹配，分两种常见情况处理：

情况1：用REST风格的路径变量传递ID #

如果你的编辑链接是类似 /editSubject/1 这种把ID放在URL路径里的形式，控制器方法要使用@PathVariable来接收：

@GetMapping("/editSubject/{id}")
public String showEditPage(@PathVariable("id") Long id, Model model) {
    // 后续查询数据的逻辑
    return "allSubjects";
}

对应的前端编辑链接要确保ID正确嵌入路径，比如用Thymeleaf模板的话：

<a th:href="@{/editSubject/{subjectId}(subjectId=${exam.id})}">编辑</a>

如果是纯静态HTML，直接写死路径（比如/editSubject/1）或者用模板引擎渲染动态ID即可。

情况2：用请求参数传递ID #

如果你的编辑链接是类似 /editSubject?id=1 这种带查询参数的形式，控制器方法要使用@RequestParam来接收：

@GetMapping("/editSubject")
public String showEditPage(@RequestParam("id") Long id, Model model) {
    // 后续查询数据的逻辑
    return "allSubjects";
}

对应的前端链接写法：

<a th:href="@{/editSubject(id=${exam.id})}">编辑</a>
<!-- 纯HTML的话：<a href="/editSubject?id=1">编辑</a> -->

二、让表单文本框显示考试现有数据 #

要实现数据回显，核心是把查询到的考试对象放到Model中，再在前端表单绑定对象属性：

第一步：控制器中查询数据并传入Model #

在刚才的控制器方法里，添加查询逻辑，把考试对象存入Model：

@GetMapping("/editSubject/{id}")
public String showEditPage(@PathVariable("id") Long id, Model model) {
    // 假设你有一个ExamService用于查询数据
    Exam exam = examService.getExamById(id);
    model.addAttribute("exam", exam); // 将考试对象存入Model，供前端使用
    return "allSubjects";
}

注意：你的Exam实体类必须有对应的getter方法，否则前端无法读取属性值！

第二步：前端表单绑定数据（以Thymeleaf为例） #

在allSubjects.html的表单中，用Thymeleaf的th:object和th:field指令绑定对象：

<form th:action="@{/saveExam}" th:object="${exam}" method="post">
    <!-- 隐藏域保存ID，提交修改时传给后台 -->
    <input type="hidden" th:field="*{id}" />
    
    <div>
        <label>考试名称：</label>
        <input type="text" th:field="*{name}" placeholder="请输入考试名称" />
    </div>
    
    <div>
        <label>考试时间：</label>
        <input type="datetime-local" th:field="*{examTime}" />
    </div>
    
    <!-- 其他字段按照同样的方式绑定 -->
    <button type="submit">保存修改</button>
</form>

如果不用Thymeleaf，用JSP/EL表达式的话，写法如下：

<form action="/saveExam" method="post">
    <input type="hidden" name="id" value="${exam.id}" />
    <label>考试名称：</label>
    <input type="text" name="name" value="${exam.name}" />
    
    <!-- 其他字段同理 -->
    <button type="submit">保存修改</button>
</form>

这样一来，当用户点击编辑链接进入页面时，表单就会自动显示该考试的现有数据了。

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