Spring Thymeleaf：带ID的URL映射及编辑页面跳转异常问题

看起来你的问题是链接URL正确但页面没有实际跳转到editExam.html，这种情况通常是链接的实现方式、前端事件拦截或者后端路由配置有问题，我来帮你梳理几个常见的排查方向：

1. 检查标签的Thymeleaf语法是否正确 #

首先确保你用的是标准的<a>标签，并且Thymeleaf的URL表达式正确生成带ID的跳转链接。错误的写法可能会导致URL生成正确但跳转行为异常，正确的写法可以二选一：

方式一：请求参数形式 #

<div th:each="exam : ${subject.exams}">
  <!-- 生成类似 /editExam?id=123 的链接 -->
  <a th:href="@{/editExam(id=${exam.id})}">编辑该考试</a>
</div>

方式二：路径变量形式 #

<div th:each="exam : ${subject.exams}">
  <!-- 生成类似 /editExam/123 的链接 -->
  <a th:href="@{/editExam/{examId}(examId=${exam.id})}">编辑该考试</a>
</div>

如果你的链接是用<button>或其他非<a>元素实现的，一定要确保没有手动阻止默认跳转行为。

2. 排查是否有JavaScript阻止了页面跳转 #

如果你的页面中给编辑链接绑定了点击事件，很可能是事件里的代码阻止了默认跳转。比如下面这种情况：

document.querySelectorAll('.edit-link').forEach(link => {
  link.addEventListener('click', function(e) {
    e.preventDefault(); // 这行代码会阻止页面跳转！
    // 或者只修改URL但不跳转页面
    window.history.pushState({}, '', this.href);
  });
});

如果是这种情况，你可以：

• 去掉e.preventDefault()，让浏览器执行默认的跳转行为
• 或者在事件中手动添加跳转逻辑：window.location.href = this.href;

3. 确认后端路由是否正确映射到editExam.html #

如果前端链接没问题，那就要检查后端（比如Spring Boot）的路由配置是否正确指向了editExam.html模板。

对应上面的两种URL形式，后端的路由应该这样写：

对应请求参数形式的路由 #

@GetMapping("/editExam")
public String showEditExamPage(@RequestParam("id") Long examId, Model model) {
  // 根据ID查询考试信息并放入model
  Exam exam = examService.getExamById(examId);
  model.addAttribute("exam", exam);
  // 返回editExam模板页面
  return "editExam";
}

对应路径变量形式的路由 #

@GetMapping("/editExam/{examId}")
public String showEditExamPage(@PathVariable("examId") Long examId, Model model) {
  // 根据ID查询考试信息并放入model
  Exam exam = examService.getExamById(examId);
  model.addAttribute("exam", exam);
  // 返回editExam模板页面
  return "editExam";
}

如果后端路由配置错误，比如返回了allSubjects而不是editExam，就会出现URL变化但页面不跳转的情况。

4. 排除AJAX局部刷新的干扰 #

如果你原本打算用AJAX局部加载编辑内容，那可能是误操作修改了URL但没有加载页面。如果你的需求是跳转到新页面，建议直接用普通的<a>标签跳转，不要用AJAX处理。

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