Spring Boot中通过变量设置输入框最大值的问题

核心问题 #

1. 重定向导致Model属性丢失：你在addToPanier方法中向Model添加了max，但随后返回redirect:/panier——重定向会发起新的GET请求，原Model中的属性不会传递到新请求中，因此页面无法获取到max值。
2. 全局max不匹配多商品场景：购物车可能包含多个商品，每个商品的库存不同，全局max无法对应每个商品的独立库存限制。
3. Thymeleaf表达式错误：th:value="p.quantity"缺少${}包裹，无法正确读取变量值。

解决步骤 #

1. 修正Controller逻辑 #

移除addToPanier中model.addAttribute("max", max)的代码，改为在显示购物车的GET方法中，确保每个购物车项（panierItem）关联对应的商品对象（包含库存信息）：

@GetMapping("/panier")
public String showPanier(Model model) {
    // 获取购物车所有项，确保每个项关联了对应的Produits对象
    List<PanierItem> panierItems = panierService.getPanierItems();
    model.addAttribute("panierItem", panierItems);
    return "panier";
}

2. 修改HTML页面代码 #

调整输入框的th:max和th:value表达式，直接从当前遍历的购物车项中读取对应商品的库存和已选数量：

<tr class="tableau-contenu" th:each="p : ${panierItem}">
    <td class="smal" th:text="${p.id}"></td>
    <td th:text="${p.name}"></td>
    <td th:text="${p.categorie.name}"></td>
    <td th:text="${p.prix}"></td>
    <td>
        <!-- 测试当前商品的库存 -->
        <p th:text="${p.produit.quantite}"></p>
        <input type="number" onkeypress="return event.charCode >= 48" min="1"
               th:value="${p.quantity}"
               th:max="${p.produit.quantite}">
    </td>
    <td class="smal">
        <a class="icon" th:href="@{delProduitFromPanier(id=${p.id})}"><i class="fa-solid fa-minus"></i></a>
    </td>
</tr>

注意：p.produit.quantite需根据你实际的对象结构调整，如果购物车项直接存储了库存字段，可改为p.stockQuantity之类的对应属性。

3. 验证效果 #

现在添加商品到购物车后，页面会为每个商品输入框设置对应的库存最大值，且输入框能正确显示已选数量，控制台的库存打印也会和页面显示一致。

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