本文解决 Spring Boot 控制器中循环计算多个 balance 值却只能在 Thymeleaf 页面显示最后一个值的问题——根本原因是将 balance 作为全局 Model 属性反复覆盖，应改为绑定到每个 TransactionGroup 实例上。
本文解决 spring boot 控制器中循环计算多个 `balance` 值却只能在 thymeleaf 页面显示最后一个值的问题——根本原因是将 `balance` 作为全局 model 属性反复覆盖，应改为绑定到每个 `transactiongroup` 实例上。
在您的控制器代码中，balance 是在 for (TransactionGroup group : transactionByDate) 循环内逐个计算并调用 model.addAttribute("balance", balance) 的。由于 Model 是一个共享的键值映射容器，每次调用 addAttribute("balance", ...) 都会覆盖前一次的值。最终页面渲染时，${balance} 取到的只是循环最后一次赋值的结果（即 85.0），因此所有日期下方都显示相同的数字。
要实现“每个日期分组显示其对应收支差额”，必须将 balance 作为 每个 TransactionGroup 对象的属性，而非全局 Model 属性。
✅ 正确做法：扩展 TransactionGroup 类
首先，为 TransactionGroup 添加 balance 字段及相应 getter/setter：
public class TransactionGroup {
private LocalDate date;
private List<Transaction> transactions;
private double balance; // 新增字段
// 构造函数、getter 和 setter
public double getBalance() { return balance; }
public void setBalance(double balance) { this.balance = balance; }
// 其他已有字段的 getter/setter...
}✅ 修改控制器：将 balance 绑定到每个 group 实例
替换原循环中对 model.addAttribute("balance", balance) 的调用，改为直接设置对象属性：
for (TransactionGroup group : transactionByDate) {
LocalDate date = group.getDate();
List<Transaction> transactions = group.getTransactions();
double income = transactions.stream()
.filter(t -> "income".equalsIgnoreCase(t.getTransactionType().getDisplayName()))
.mapToDouble(Transaction::getAmount)
.sum();
double expense = transactions.stream()
.filter(t -> "expense".equalsIgnoreCase(t.getTransactionType().getDisplayName()))
.mapToDouble(Transaction::getAmount)
.sum();
double balance = income - expense;
group.setBalance(balance); // ✅ 关键修改：写入对象自身
System.out.println("date:" + date + ", income:" + income + ", expense:" + expense + ", balance:" + balance);
}注意：此时完全移除 model.addAttribute("balance", balance) 这一行——它已不再需要。
✅ 更新 Thymeleaf 模板：通过对象属性访问
在 HTML 中，直接使用 singleGroup.balance 即可获取当前分组的余额：
<div class="date" th:each="singleGroup : ${transactionGroup}">
<h1 th:text="${singleGroup.date}">日期</h1>
<h1 th:text="${singleGroup.balance}">余额</h1> <!-- ✅ 正确引用 -->
<div class="transaction" th:each="singleTrans : ${singleGroup.transactions}">
<!-- 现有交易项渲染逻辑保持不变 -->
<h2>Amount: <span th:text="${singleTrans.amount}"></span></h2>
<!-- ... 其他字段 -->
</div>
</div>⚠️ 注意事项与最佳实践
- 避免在循环中重复 model.addAttribute() 同名键：这是导致值被覆盖的根本原因。Model 设计初衷是传递页面级上下文，而非集合内元素的动态状态。
- 面向对象优于扁平模型：当数据具有自然层级（如“某日 → 多笔交易 → 当日余额”），应通过对象嵌套建模，而非拆解为多个平行 Model 属性。
- 类型安全提示：若 balance 可能为 null（如空交易组），建议在 TransactionGroup 中初始化为 0.0，或在 Thymeleaf 中使用安全表达式：。
- 性能考量：当前逻辑在服务端完成聚合计算，符合 MVC 分层原则；不建议将收入/支出求和逻辑下推至前端（如 JavaScript）执行。
✅ 总结
| 问题现象 | 所有分组显示相同 balance 值（最后计算值） |
|---|---|
| 根本原因 | model.addAttribute("balance", ...) 在循环中持续覆盖同一 key |
| 解决方案 | 将 balance 作为 TransactionGroup 的成员字段，在循环中设值，Thymeleaf 通过 singleGroup.balance 访问 |
| 关键收益 | 数据结构清晰、模板简洁、无副作用、易于单元测试与后续扩展（如添加 income/expense 字段） |
完成上述修改后，页面将准确显示：
2023-03-03 → 50.0 2023-03-16 → 85.0
完全匹配控制台输出，实现分组级动态数据绑定。
