如何在Thymeleaf中传递路径变量以展示关联表数据

核心问题点 #

1. 路径不匹配：控制器映射的路径是/userWallet/balance/{user_id}，但Thymeleaf中链接用了/api/wallet/userWallet/balance/{user_id}，多了前缀/api/wallet，导致请求路径错误。
2. 遍历逻辑错误：如果walletService.findByUserId(user_id)返回的是单个Wallet对象（通常一个用户对应一个钱包），th:each是用来遍历集合的，直接遍历单个对象会导致渲染异常。
3. 交互逻辑不符合需求：你需要自动展示余额，而非点击链接触发请求，所以不需要用<a>标签包裹，直接渲染数据即可。
4. 当前用户获取方式不合理：手动传user_id的方式无法自动识别当前登录用户，需要从安全上下文获取当前用户信息，实现页面打开自动加载对应钱包。

修正步骤 #

1. 修正控制器逻辑（自动获取当前用户） #

如果是Spring Security环境，直接获取当前登录用户的ID，无需路径参数：

@GetMapping("/userWallet/balance")
public String getUserWallet(Model model) {
    // 获取当前登录用户的ID（假设User实体有getId()方法）
    Authentication authentication = SecurityContextHolder.getContext().getAuthentication();
    User currentUser = (User) authentication.getPrincipal();
    Long userId = currentUser.getId();
    
    // 获取当前用户的钱包
    Wallet wallet = walletService.findByUserId(userId);
    model.addAttribute("wallet", wallet);
    return "userProfile";
}

如果暂时不使用Security，也可以调整控制器，从session中获取当前用户ID，避免手动在URL中输入。

2. 修正Thymeleaf代码（直接渲染余额） #

去掉多余的遍历和链接，直接渲染钱包的initialBalance：

<div>
    <span th:text="${wallet.initialBalance}">默认余额</span>
</div>

如果walletService.findByUserId返回的是集合（比如一个用户对应多个钱包），才需要用th:each，此时注意修改遍历变量名避免冲突：

<div th:each="walletItem : ${walletList}">
    <span th:text="${walletItem.initialBalance}">默认余额</span>
</div>

（注：此时控制器需将集合命名为walletList放入model：model.addAttribute("walletList", walletService.findByUserId(userId));）

3. 确保路径映射正确（若需保留手动访问接口） #

如果仍然需要保留通过user_id访问的接口，确保Thymeleaf中的链接路径和控制器一致：

<a th:href="@{/userWallet/balance/{user_id}(user_id = ${currentUser.id})}">查看余额</a>

（这里currentUser是当前登录用户对象，需提前放入model中）

验证要点 #

• 确保walletService.findByUserId(userId)能正确返回对应的Wallet对象，无空指针异常。
• 页面访问/userWallet/balance时，能正确获取当前用户并将钱包数据放入model。
• Thymeleaf中使用的变量名和控制器model.addAttribute的键名完全一致（比如控制器用wallet，页面就用${wallet}）。

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