Thymeleaf模版遍历JSON对象

最新推荐文章于 2024-12-26 15:32:02 发布
最新推荐文章于 2024-12-26 15:32:02 发布
阅读量2.4w 收藏 5
点赞数 2
CC 4.0 BY-SA版权
分类专栏： Java spring-boot-thymeleaf JAVA基础类 Java spring-boot-jpa 文章标签： spring boot Thymeleaf json 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/shanshan_blog/article/details/56290395
本文介绍了在Thymeleaf模板中处理JSON对象的方法，虽然Thymeleaf支持映射和类解析，但作者选择使用JSON，探讨了如何在Java中遍历JSON并应用到Thymeleaf模板。同时，文章提到了Thymeleaf在处理Spring Boot的Page对象上的应用，并指出Thymeleaf的XML检测特性对HTML标签完整性检查的益处，但其对页面内嵌JS脚本转义符的支持不足，提出了解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

来源http://www.jianshu.com/p/116ac62ee701

背景

Thymeleaf模版很多地方确实很方便，但是在处理JSON对象时遇到了一些问题，就觉得很有意思记录一下，以供自己备忘，同时给有类似需求的同学参考一下，希望大家都能尽快解决问题，早点下班，回家遛狗~
在说正题之前，可能大家有个问题，其实Thymeleaf本身提供了一个map进行映射，还支持直接传class进行解析，那么为啥还要用JSON。其实我仔细想了一下，确实也没有一定要用JSON的必要，我就是 这么贱啊，JSON多方便，我偏要~（好吧，打人就算了，请勿打脸，大雾） 但是从中我们可以进一步感受Thymeleaf具体处理起来的一些有意思的方式。

具体处理

其实使用Thymeleaf最本质的地方在于对其自身的在理解，它是一个基于java的解析工具，主要还是在服务端本身进行了内容的替换，因此还是比较类似jsp的处理，而非一个真正意义的前端工具，它所有可以使用的函数都是基于java本身的。
因此对于JSON的遍历，其实也就是和java中对json的遍历一致，具体处理如下所示：

<table class="am-table am-table-bd am-table-bdrs am-table-striped am-table-hover">                        
  <tbody
最低0.47元/天 解锁文章

200万优质内容无限畅学
Spring Boot入门(19)：Spring Boot 整合 Thymeleaf 模板引擎，开发Web页面 | 超级详细，建议收藏
**My Coding Family**
08-27 3451
Spring Boot 如何整合 Thymeleaf 模板引擎开发Web页面？一文教会你。
SpringBoot加Jquery实现ajax传递json字符串并回显消息（已实践）
BADAO_LIUMANG_QIZHI的博客
03-28 2342
场景 inspinia 前端页面模板+thymeleaf模板+jquery+springboot 点击提交将当前选中行的id以json字符串传到后台，后台实现状态更改并刷新表格。 实现 提交按钮的点击事件： //提交按钮点击事件 $("#submitBtn").click(function () { var data = t.rows(['.selected']...
Springboot Thymeleaf字符串对象实例解析
12-20
Thymeleaf主要使用 org.thymeleaf.expression.Strings 类处理字符串，在模板中使用 #strings 对象来处理字符串。 开发环境：IntelliJ IDEA 2019.2.2 Spring Boot版本：2.1.8 新建一个名称为demo的Spring Boot项目。 1、pom.xml 加入Thymeleaf依赖 org.springframework.boot spring-boot-starter-thymeleaf</ar
thymeleaf-js获取当前用户以及遍历ajax的json数组
levelmini的专栏
02-17 9685
项目用到thymeleaf3.0，有个需求是异步获取菜单并展示。发现thymeleaf对异步的json支持不太好（其实解析异步的json不符合thymeleaf的初衷）。这里算是踩了一个坑，在此记录下来。先上完成后的代码：&lt;script type="text/javascript"&gt; var data={ userId:[[${#authentication.pri...
springboot+thymeleaf 封装自定义解析json字符串标签方法
ihchenchen的博客
11-16 1926
一共四个方法，用于转换json或json数组，或者直接从json或json数组中取值。 二、接下来是表达式配置工厂类，以后添加别的方法也可以用，不用再写一个。 三、将表达式工厂添加到springboot配置 四、在页面中使用自定义的方法
Thymeleaf循环遍历
天高任鸟飞
08-22 8851
循环遍历 Iteration，查阅文档 th:each 每次遍历都会生成，当前这个标签 三个h4标签 一个h4，带着三个span标签 &amp;lt;!-- th:each每次遍历都会生成当前这个标签： 3个h4 --&amp;gt; &amp;lt;h4 th:text=&quot;${user}&quot; th:each=&quot;user:${users}&quot;&amp;gt;&amp;lt;/h4&
thymeleaf模板怎么写ajax,Thymeleaf模版遍历JSON对象
weixin_36261424的博客
08-05 856
背景Thymeleaf模版很多地方确实很方便，但是在处理JSON对象时遇到了一些问题，就觉得很有意思记录一下，以供自己备忘，同时给有类似需求的同学参考一下，希望大家都能尽快解决问题，早点下班，回家遛狗~在说正题之前，可能大家有个问题，其实Thymeleaf本身提供了一个map进行映射，还支持直接传class进行解析，那么为啥还要用JSON。其实我仔细想了一下，确实也没有一定要用JSON的必要，我就...
Thymeleaf模板引擎
刻苦的樊同学
11-06 327
工号姓名生日是否已婚工资
Thymeleaf模板引擎简介
m0_73213501的博客
12-26 1011
themeaf相关知识总结
第5章 Spring Boot的Web开发 一、Thymeleaf模板引擎
weixin_43820675的博客
02-06 1886
学习目标： 本章首先介绍Spring Boot的Web开发支持，然后介绍Thymeleaf视图模板引擎技术，最后介绍Spring Boot的Web开发技术（JSON数据交互、文件上传与下载、异常统一处理以及对JSP的支持）。通过对本章的学习，掌握Spring Boot的Web开发技术。 学习内容： Thymeleaf模板引擎 Spring Boot处理JSON数据 Spring Boot的文件上传与下载 Spring Boot的异常处理 Spring Boot对JSP的支持 学习时间： 提示：这里可以添
Thymeleaf如何从后端获取json字符串，并转换成数组
Q_xyue的博客
09-08 3849
//从后端获取json字符串 var obj=[[${data.alterDeploymentSchema}]] //将json字符串转为数组 var datas = JSON.parse(obj); 参考回答： https://blog.youkuaiyun.com/yzx3105/article/details/106214683/?utm_term=thymeleaf%E8%8E%B7%E5%8F%96json&utm_medium=distribute.pc_aggpage_searc.
springboot+thymleaf实现本地json文件读取
zjw120的博客
04-15 1020
之前尝试过多种将json文件放入templates文件下，用当前路径直接访问，但是会报404错误。 如下为解决方法： 注意：@Configuration注解 ==== applicationContent.xml import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry; import
thymeleaf 解析数据的问题
Java陈小白
11-22 2952
数据源 代码 报错 org.springframework.expression.spel.SpelEvaluationException: EL1008E: Property or field ‘high_quality_provider_only’ cannot be found on object of type ‘org.json.simple.JSONObject’ - maybe ...
SpringMVC纯注解配置web.xml、json、静态资源、thymeleaf,递归json数组
z28126308的专栏
05-22 7483
通过注解配置完全代替web.xml、Spring的xml文件配置，jquery递归遍历后台返回的json对象并进行拼接
[ Thymeleaf ] - jquery从ModelMap取值(对象/json)
yzx3105的博客
05-19 4360
[Thymeleaf] js从ModelMap取值 controller代码 modelMap.put(“marketingTools”, marketingTools); //存放整个对象 modelMap.put(“isShare”, isShare);//存放一个值 html代码 <script type="text/javascript"> $(function() { var isShare= [[${isShare}]]; if(isSha
thymeleaf 遍历
weixin_43931625的博客
08-09 2532
thymeleaf遍历
使用thymeleaf直接渲染字符串
Good Luck
06-14 677
【代码】使用thymeleaf直接渲染字符串。
使用thymeleaf模板，HTML中元素checkbox映射成实例的对象列表时即：List，根据 Id值自动转换成相应的对象
flyingdream123的专栏
05-26 401
package tacos.web; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.core.convert.converter.Converter; import org.springframework.stereotype.Component; import tacos.Ingredient; import tacos.data.IngredientReposito.
ECharts+Thymeleaf取后端数据 Json数据渲染
平凡人的博客
05-19 6401
选取模板（https://echarts.baidu.com/examples/）：我选择的是那个动态折线（Dynamic Data + Time Axis）的模板，因为我我需要鼠标鼠标悬停后出现数据和时间，模板上面只有这一个最合适，但是我又不需要动态显示，所以我要做的工作就是1、消除动态。2、数据处理渲染。 后端传数据 如图后端model传添加data数据，接着返回historyTes...
Thymeleaf 如果定义一个对象数组
最新发布
08-09
在 Thymeleaf 中，虽然它主要用于 HTML 模板渲染，并不直接支持复杂的编程逻辑，但可以通过内联表达式或与后端模型数据结合的方式来定义和操作对象数组。以下是一些定义和使用对象数组的方法或语法： ### 在 Thymeleaf 模板中定义对象数组 1. **通过模型属性传递对象数组** 在 Spring MVC 控制器中，可以将对象数组作为模型属性传递给 Thymeleaf 模板。例如，在控制器中添加一个对象数组： ```java @Controller public class MyController { @GetMapping("/example") public String example(Model model) { User[] users = new User[] { new User("Alice", 25), new User("Bob", 30) }; model.addAttribute("users", users); return "example"; } } ``` 在 Thymeleaf 模板中，可以通过 `th:each` 遍历该数组并渲染内容： ```html <div th:each="user : ${users}"> <p th:text="${user.name} + ' (' + user.age + ')'"></p> </div> ``` 2. **在 Thymeleaf 表达式中定义数组** Thymeleaf 支持在表达式中使用数组字面量，但对象数组通常需要通过 Java 模型属性传递。如果需要在模板中直接定义基本类型数组，可以使用如下语法： ```html <p th:text="${#arrays.asList('Apple', 'Banana', 'Cherry')}"></p> ``` 对于对象数组，可以通过内联 Java 表达式定义，但需注意 Thymeleaf 对复杂对象的处理能力有限。例如： ```html <p th:text="${T(java.util.Arrays).asList(T(java.math.BigDecimal).valueOf(10.5), T(java.math.BigDecimal).valueOf(20.3))}"></p> ``` 3. **使用 Thymeleaf 工具类处理数组** Thymeleaf 提供了一些工具类（如 `#arrays`）来操作数组。例如，检查数组是否为空或获取数组长度： ```html <div th:if="${not #arrays.isEmpty(users)}"> <p>Number of users: <span th:text="${#arrays.length(users)}"></span></p> </div> ``` 4. **通过 JavaScript 传递对象数组** 如果需要将对象数组传递给前端 JavaScript，可以在 Thymeleaf 模板中嵌入 JSON 数据： ```html <script th:inline="javascript"> /*<![CDATA[*/ var users = /*[(${#arrays.asList('Alice', 'Bob', 'Charlie')})]*/ []; /*]]>*/ console.log(users); </script> ``` 上述代码会将 Thymeleaf 表达式解析为 JavaScript 数组。 ### 示例：定义并遍历对象数组 假设有一个 `User` 类，包含 `name` 和 `age` 字段： ```java public class User { private String name; private int age; // Constructor, getters, and setters } ``` 在控制器中传递 `User[]` 给模板： ```java model.addAttribute("users", new User[] { new User("Alice", 25), new User("Bob", 30) }); ``` 在 Thymeleaf 模板中遍历并渲染： ```html <ul> <li th:each="user : ${users}" th:text="${user.name + ' (' + user.age + ')'}"></li> </ul> ``` 这样可以实现对对象数组的定义和展示。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值