Thymeleaf传递变量至视图失败：车辆列表页面空白问题排查

1. 修正Controller的视图返回与映射路径 #

• 你的VehicleController存在两个核心问题：映射路径冗余（/car-list/car-list）、返回视图名错误（返回"index"而非"car-list"），这直接导致目标视图未被正确渲染
• 修正后的Controller代码示例：

@Controller
public class VehicleController {
    @GetMapping("/car-list")
    public String getCarList(Model model) {
        // 添加工厂数据，按需替换为你的业务数据
        model.addAttribute("location1", "北京朝阳门店");
        model.addAttribute("vehicle1Name", "特斯拉Model 3");
        // 其他需要展示的车辆/地点数据...
        return "car-list"; // 必须返回对应视图文件名，对应templates目录下的car-list.html
    }
}

2. 修复登录跳转逻辑 #

• 登录后URL停留在/login，说明登录请求的处理逻辑未做正确跳转，需在登录成功的方法里用重定向指向/car-list
• 示例登录处理代码：

@PostMapping("/login")
public String handleLogin(/* 此处添加登录参数，如用户名、密码 */) {
    // 登录校验逻辑...
    return "redirect:/car-list"; // 用redirect前缀实现URL跳转，确保地址栏显示预期的/car-list
}

• 注意不要直接返回"car-list"，这会在/login路径下渲染视图，导致URL不符合预期且可能引发数据加载问题

3. 验证Thymeleaf数据绑定 #

• 确保car-list.html里的表达式语法正确，比如：

<div class="car-item">
  <p>门店：<span th:text="${location1}"></span></p>
  <p>车型：<span th:text="${vehicle1Name}"></span></p>
</div>

• 如果直接访问http://localhost:8080/car-list仍为空白，检查：
  • 视图文件是否放在src/main/resources/templates/目录下（Spring Boot默认的Thymeleaf模板路径）
  • 控制台是否有模板解析报错，比如变量名拼写错误（如location1写成location）

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