0

0

Thymeleaf 中实现变量累加与总价计算的正确实践

聖光之護

聖光之護

发布时间:2026-02-26 14:16:01

|

274人浏览过

|

来源于php中文网

原创

Thymeleaf 中实现变量累加与总价计算的正确实践

在 thymeleaf 模板中直接对集合进行累加运算(如计算商品总价)不可行,因其表达式语言不支持跨迭代作用域的变量修改;推荐在控制器层完成计算并传递结果至模板。

在 thymeleaf 模板中直接对集合进行累加运算(如计算商品总价)不可行,因其表达式语言不支持跨迭代作用域的变量修改;推荐在控制器层完成计算并传递结果至模板。

Thymeleaf 是一个服务端模板引擎,其表达式(如 th:with、th:each)具有局部作用域不可变性:每次 th:each 迭代都会创建独立的作用域,th:with 定义的变量仅在当前标签及其子标签内有效,且无法在后续迭代中“更新”或“累积”值。因此,以下写法是无效的:

<div class="wrap" th:with="tot=0">
  <li class="p-list" th:each="dto : ${list}">
    <p class="p-sprice" th:text="${dto.price}"></p>
    <p class="p-count" th:text="${dto.count}"></p>
    <!-- ❌ 错误:tot 在每次迭代中被重新声明,不会累加 -->
    <th:block th:with="tot=${tot} + ${dto.price} * ${dto.count}"></th:block>
  </li>
  <!-- 此处 tot 仍为初始值 0,未保留累加结果 -->
  <p class="total">总计:<span th:text="${tot}">0</span></p>
</div>

该代码看似逻辑清晰,实则因 th:with 的作用域限制,tot 始终是新声明的局部变量,前一次迭代的值无法影响下一次——最终 tot 不会累积,模板中引用的仍是初始值。

正确做法:将计算逻辑移至 Java 层

在 Spring MVC 控制器中预先计算总价,并以模型属性形式传入模板,既符合关注点分离原则,又保证性能与可维护性:

厉害猫AI
厉害猫AI

遥遥领先的AI全职业办公写作平台

下载
@GetMapping("/items")
public String showItemList(Model model) {
    List<ItemDto> list = itemService.findAll(); // 示例数据源
    model.addAttribute("list", list);
    model.addAttribute("total", calculateTotal(list)); // ✅ 预先计算
    return "item-list";
}

private BigDecimal calculateTotal(List<ItemDto> items) {
    return items.stream()
                 .map(dto -> BigDecimal.valueOf(dto.getPrice())
                                      .multiply(BigDecimal.valueOf(dto.getCount())))
                 .reduce(BigDecimal.ZERO, BigDecimal::add);
}

模板中即可简洁、安全地使用:

<div class="wrap">
  <ul>
    <li class="p-list" th:each="dto : ${list}">
      <p class="p-sprice" th:text="${dto.price}">¥199.00</p>
      <p class="p-count" th:text="${dto.count}">2</p>
      <p class="p-amount" th:text="${dto.price} * ${dto.count}">¥398.00</p>
    </li>
  </ul>
  <p class="total">总计:<span th:text="${#numbers.formatCurrency(total)}">¥0.00</span></p>
</div>

? 额外建议与注意事项

  • 若需在前端动态更新总价(如用户修改数量),应结合 JavaScript 实现客户端计算,或通过 AJAX 调用后端接口重新获取计算结果;
  • 使用 BigDecimal 处理金额可避免浮点数精度问题;
  • Thymeleaf 提供 #aggregates.sum() 等工具对象,但仅适用于简单字段求和(如 #aggregates.sum(list, 'price')),不支持带运算的复合表达式(如 price * count),故仍需 Java 层处理;
  • 模板中避免复杂逻辑,坚持「逻辑在 Controller,展示在 Template」的设计准则,有助于单元测试覆盖与团队协作。

综上,Thymeleaf 不是执行业务计算的合适场所。把 total 计算交给控制器,不仅语义清晰、结果可靠,也使模板更轻量、更易测试与复用。

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
spring框架介绍
spring框架介绍

本专题整合了spring框架相关内容,想了解更多详细内容,请阅读专题下面的文章。

144

2025.08.06

Java Spring Security 与认证授权
Java Spring Security 与认证授权

本专题系统讲解 Java Spring Security 框架在认证与授权中的应用,涵盖用户身份验证、权限控制、JWT与OAuth2实现、跨站请求伪造(CSRF)防护、会话管理与安全漏洞防范。通过实际项目案例,帮助学习者掌握如何 使用 Spring Security 实现高安全性认证与授权机制,提升 Web 应用的安全性与用户数据保护。

82

2026.01.26

ajax教程
ajax教程

php中文网为大家带来ajax教程合集,Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。php中文网还为大家带来ajax的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

166

2023.06.14

ajax中文乱码解决方法
ajax中文乱码解决方法

ajax中文乱码解决方法有设置请求头部的字符编码、在服务器端设置响应头部的字符编码和使用encodeURIComponent对中文进行编码。本专题为大家提供ajax中文乱码相关的文章、下载、课程内容,供大家免费下载体验。

168

2023.08.31

ajax传递中文乱码怎么办
ajax传递中文乱码怎么办

ajax传递中文乱码的解决办法:1、设置统一的编码方式;2、服务器端编码;3、客户端解码;4、设置HTTP响应头;5、使用JSON格式。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

124

2023.11.15

ajax网站有哪些
ajax网站有哪些

使用ajax的网站有谷歌、维基百科、脸书、纽约时报、亚马逊、stackoverflow、twitter、hacker news、shopify和basecamp等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

247

2024.09.24

counta和count的区别
counta和count的区别

Count函数用于计算指定范围内数字的个数,而CountA函数用于计算指定范围内非空单元格的个数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

200

2023.11.20

硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

1657

2023.10.19

batoto漫画官网入口与网页版访问指南
batoto漫画官网入口与网页版访问指南

本专题系统整理batoto漫画官方网站最新可用入口,涵盖最新官网地址、网页版登录页面及防走失访问方式说明,帮助用户快速找到batoto漫画官方平台,稳定在线阅读各类漫画内容。

331

2026.02.25

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号