如何实现thymeleaf中的拼接字符串进行换行显示

字符串换行显示技巧
最新推荐文章于 2024-05-20 12:11:19 发布
原创 最新推荐文章于 2024-05-20 12:11:19 发布 · 6.3k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#thymeleaf

本文介绍了一种在网页上将后台查询的字符串进行换行显示的方法，通过使用Thymeleaf模板引擎的特殊语法，将逗号分隔的URL列表转换为带有换行符的HTML代码，从而实现了美观的展示效果。

将后台的查询的拼接字符串进行换行显示
后台查询到的字符串为：go.vedeng.com/topic-000001,mgo.vedeng.com/topic-000001
显示页面为：
在这里插入图片描述

修改后的页面显示为：
在这里插入图片描述
主要使用的是： <td th:utext="${#strings.replace(special.specialUrl,',','<br>')}"></td>
在这里插入图片描述
其中special.specialUrl是后台的传过来的参数

使用thymeleaf直接渲染字符串
Good Luck
06-14 763
【代码】使用thymeleaf直接渲染字符串。
springboot-基础-thymeleaf配置+YAML语法
陆沙的博客
02-26 2509
thymeleaf
springboot中thymeleaf的使用技巧
爱码士的博客
12-08 218
众所周知 thymeleaf是springboot官方前端模板。 对于简单的web应用，使用他还是很方便的，这里记录下一些使用技巧 循环用法 <tr th:each="child:${user}"> <th scope="row" th:text="${childStat.index+1}"></th> <td th:text="${child.username}"></td> <td th:text="${child
Thymleaf 绑定数据时，如果数据里面有换行符，解决不是换行符的问题
xxx
02-27 4985
如果x中是通过’\n’来换行的 &lt;td&gt;&lt;span style="font-size: 13px" th:utext="${#strings.unescapeJava(#strings.replace(#strings.escapeJava(x),'\n','&amp;lt;br/&amp;gt;'))}"&gt;&lt;/span&gt;&lt;/td&gt; .
thymeleaf 动态生成表格-换行问题-每隔n列换一行——新方式
薛定谔的雄猫
05-22 3719
用到的标签和函数 numbers.sequence(from,to)函数 生成一个从from到to的序列； th:with 定义局部变量，可以配合td:block标签使用，也可以定义在其他标签之内； th:block 功能标签，标签本身不会输出为一个html元素，只是用来做取值或者循环等功能性用途。 th:each 用于遍历数组的标签。具体说明详见 thymeleaf 动态生成表格 th:if 用做逻辑半段，满足条件则输出html,不满足则不输出。 示例代码 通过userList数组生成一个表格，表格的每一
SpringBoot整合视图层技术（Freemarker,Thymeleaf,Jsp）
坚持去坚持。
11-25 790
SpringBoot整合视图层技术 一、SpringBoot整合Freemarker 1、Freemarker依赖 <!--Freemarker--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency> &l
Java字符串格式化高级用法：嵌入表达式与条件格式化
![Java字符串格式化高级用法...比如，在进行日志记录、生成报表或者输出用户界面内容时，清晰、规范的字符串格式可以大幅提升用户体验和数据的可用性。 ## 1.2 字符串格式化的定义 简单来说，字符串格式化是将一种格
用java生成html文件实现原理及代码
09-05
1. **`StringBuilder`**：在Java中，`StringBuilder`是一个可变的字符序列，用于拼接字符串。在构建HTML时，我们可以通过`append()`方法将不同的HTML标签和内容追加到这个字符串中，避免了字符串连接时的频繁内存...
<th:block th:each="image, stats: ${imageList}"> <pkg:part pkg:name="/word/media/image_${stats.index}.png" pkg:contentType="image/png"> <pkg:binaryData>[[${image}]] </pkg:binaryData> </pkg:part> </th:block> 纠正以上代码中的thymeleaf语法
07-31
不，这里我们需要拼接字符串。 9. 正确的做法是：在属性值中使用`th:attr`来设置自定义命名空间的属性，或者使用`th:with`来定义变量，然后在属性值中引用。但是，更直接的方式是使用字符串拼接。 10. 另外，在`...
2022年面试，整理全网初、中、高级常见 Java 面试题
q66562636的博客
07-01 2961
面试题答案见微信小程序 “Java 精选面试题”，3000 + 道面试题。内容持续更新中包含基础、集合、并发、JVM、Spring、Spring MVC、Spring Boot、Spring Cloud、Dubbo、MySQL、Redis、MyBaits、Zookeeper、Linux、数据结构与算法、项目管理工具、消息队列、设计模式、Nginx、常见 BUG 问题、网络编程等。————————————————面向对象编程有哪些特征？一、抽象和封装类和对象体现了抽象和封装抽象就是解释类与对象之间关系的词。类
thymeleaf内容替换
技术博客
10-14 1904
<ul th:each="poetrie : ${poetries}"> <li th:text="${poetrie.title}">Onions</li> <li th:text="${poetrie.author}">yes</li> <li th:utext="${poetrie.content.replace('|','<br />')}">2.41</li&g
Springboot--Thymeleaf 字符串输出与操作
我和井盖都笑了博客
05-10 1762
Thymeleaf 语法讲解 命名空间： 需要在html标签中添加该属性 xmlns:th=“http://www.thymeleaf.org” 1 字符串与变量输出操作 在页面中输出值 th:text="" 将一个值放入到 input 标签的 value 中 th:value="" 2 字符串操作       Thymeleaf 提供了一些内置对象，内置对象可直接在模板中使用。这些对象是以 # 引用的。   &
Thymeleaf---th:text以及th:utext
王大梦的博客
03-14 1033
th:text不会将内容中的html样式解析，例如获得的变量为<h1>哈哈哈哈哈</h1>，th:text会原样输出。 th:utext会将内容中的html样式解析，例如获得的变量为<h1>哈哈哈哈哈</h1>，th:utext会显示为一级标题的哈哈哈哈哈。 所以，区别在于能否解析html元素。 ...
初次学习Thymeleaf所遇到的问题——只返回了字符串到浏览器
風林火山的博客
02-17 1024
以前一直用jsp和Vue。现在新项目决定使用thymeleaf模板引擎，所以花点时间学下thymeleaf。没成想一开始就给自己挖了个坑。在这里记录一下，用以警示后人。 SpringBoot并不推荐使用jsp，但是支持一些模板引擎技术： 通过读取源码可知使用thymeleaf的第一步是要在resources目录下新建templates文件夹，再在该文件夹下面新建一个html文件。如下图所示...
thymeleaf 动态生成表格-换行问题-每隔n列换一行
薛定谔的雄猫
07-30 5568
thymeleaf 动态生成表格，比如每隔5列换一行（增加一个对） th:remove标签：如果值为tag则删除当前标签（子标签不删除），当然还有其他值…。 th:utext标签：可以输出非文本（即HTML元素）内容 <table cellpadding="0" cellspacing="0" border="1"> <th:block th:each="usr,stat...
Thymeleaf文本连接和文字替换
ywb201314的专栏
11-13 2468
文本连接 无论是什么形式的文本：字面量'...'，变量表达式求值或消息表达式求值的结果，都可以用'+'进行连接 th:text="'The name of the user is ' + ${user.name}" 1 文字替换 文字替换可以方便的格式化包含变量的字符串，而无需使用文本连接'...' + '...'。 文字替换的语法为| text substituion demo ${vari...
后端获取的文本换行_前台带换行符的文本提交到后台,后台在前台显示换行
weixin_39603397的博客
12-22 1055
数据在保存的时候,替换换行符为function submitFun(url){//获取form表单序列化的字符串,对form表单序列化后的样式为:aa=1&bb=1&cc=1的格式,所以这里利用&来分组,并且获得参数名和参数值再替换换行符var submitDataStr = $(".__saveForm").serialize();var descriptionEntit...
前端接收后端返回换行符 /n 不生效
m0_47791238的博客
07-30 3343
问题：前端接收后端返回换行符 /n 不换行、不生效。
Thymeleaf模板引擎
m0_74895600的博客
05-20 1201
**Thymeleaf**
thymeleaf生成HTML字符串
最新发布
08-19
### 生成HTML字符串的方式 Thymeleaf可以通过模板引擎的API将模板文件渲染为HTML字符串，通常用于动态生成页面内容或发送HTML邮件等场景。生成HTML字符串的核心步骤是加载模板、设置上下文数据，并通过模板引擎进行渲染。 #### 使用Thymeleaf模板引擎生成HTML字符串 在Java代码中，首先需要创建`TemplateEngine`实例，并配置模板解析器（如`SpringResourceTemplateResolver`），然后通过上下文（`Context`）传入变量数据，最后调用`process`方法渲染模板为HTML字符串。 ```java import org.thymeleaf.TemplateEngine; import org.thymeleaf.context.Context; import org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver; import java.util.Locale; public class ThymeleafHtmlGenerator { public String generateHtml(String templateName, Context context) { TemplateEngine templateEngine = new TemplateEngine(); SpringResourceTemplateResolver templateResolver = new SpringResourceTemplateResolver(); templateResolver.setPrefix("classpath:/templates/"); templateResolver.setSuffix(".html"); templateResolver.setTemplateMode("HTML"); templateResolver.setCharacterEncoding("UTF-8"); templateEngine.setTemplateResolver(templateResolver); return templateEngine.process(templateName, context); } } ``` 该方法会根据模板名称和上下文数据返回完整的HTML字符串。在Spring Boot项目中，通常会通过`TemplateEngine`的自动注入来简化配置[^4]。 #### 使用Spring Boot简化HTML字符串生成 在Spring Boot中，可以通过注入`TemplateEngine`来直接使用已配置好的模板引擎。例如： ```java import org.springframework.stereotype.Service; import org.thymeleaf.TemplateEngine; import org.thymeleaf.context.Context; import java.util.Locale; @Service public class HtmlGenerationService { private final TemplateEngine templateEngine; public HtmlGenerationService(TemplateEngine templateEngine) { this.templateEngine = templateEngine; } public String generateHtml(String templateName, Context context) { return templateEngine.process(templateName, context); } } ``` 此方式适用于需要在服务层动态生成HTML内容的场景，例如生成邮件内容或PDF文档[^3]。 #### 模板缓存控制 在开发过程中，为了提高调试效率，可以关闭Thymeleaf的模板缓存，确保每次修改模板后都能立即生效。在`application.yml`中配置如下内容： ```yaml spring: thymeleaf: cache: false ``` 该配置可以避免因模板缓存导致的页面更新延迟问题[^2]。 #### 示例模板 假设存在一个模板文件`email-template.html`位于`src/main/resources/templates/`目录下： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Email Template</title> </head> <body> <p>Hello, <span th:text="${name}"></span>!</p> </body> </html> ``` 通过上述服务类调用时传入变量`name`即可生成对应的HTML字符串。 ---
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值