thymleaf th:text 和 th:utext 之间的区别

简介: 1 th:text属性可对表达式或变量求值,并将结果显示在其被包含的 html 标签体内替换原有html文本文本连接:用“+”符号,若是变量表达式也可以用“|”符号e.g.若home.welcome=Welcome to our fantastic grocery store!用解析结果为: Welcome to our fantastic grocery store! 2 th:utext属性解决方案即可。
1 th:text属性
可对表达式或变量求值,并将结果显示在其被包含的 html 标签体内替换原有html文本
文本连接:用“+”符号,若是变量表达式也可以用“|”符号
e.g.
若home.welcome=Welcome to our <b>fantastic</b> grocery store!<p th:text="#{home.welcome}"></p>解析结果为:
 
 

 

 
 
<p>Welcome to our <b>fantastic</b> grocery store!</p>
 
 

 


2 th:utext属性 解决方案 <p th:utext="#{home.welcome}"></p>即可。 Welcome to our fantastic grocery store! 等效于html :<p>Welcome to our <b>fantastic</b> grocery store!</p>



3.项目实例
sysConfig.link= <a href="http://autobid.test.tianxiapai.com/pub/currentAuc.html" target="_Blank">\u5B89\u5FC3\u5E2E\u5356\u5927\u5C4F\u5E55</a>


@Controller public class AccountController { @Resource SysConfig sysConfig; @RequestMapping("/login") public String login(Model model) { String logo = ""; String link = ""; if(sysConfig.getProjectName()!=null && !("").equals(sysConfig.getProjectName())){ logo = sysConfig.getProjectName(); link = sysConfig.getLink(); } model.addAttribute("logo",logo); model.addAttribute("link", link);//链接 return "login"; } }

 

 

 实际效果:

 

使用 th:text 标签 

<div th:if="${param.error}">用户名或密码错误。</div>
            <div th:if="${param.logout}">您已登出。</div>
            <span th:text="*{link}"></span>

效果:

 

相关文章
|
传感器 测试技术 人机交互
基于STM32的垃圾分类项目设计与实现【开源免费】
基于 STM32 的垃圾分类项目展示了如何使用微控制器、传感器和机械控制单元来实现自动化的垃圾分类。通过合理的硬件选型和模块化的软件设计,系统能够高效地完成垃圾的分类和投放任务。随着技术的发展,这样的智能垃圾分类系统将有助于提高垃圾分类的效率,为环境保护贡献力量。
658 29
|
JavaScript 前端开发 API
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
本文介绍了如何在Vue 3项目中使用v-md-editor组件库来创建markdown编辑器和预览组件。文章提供了安装步骤、如何在main.js中进行全局配置、以及如何在页面中使用VMdEditor和VMdPreview组件的示例代码。此外,还提供了一个完整示例的链接,包括编辑器和预览组件的使用效果和代码。
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
|
XML Java 数据格式
Spring5入门到实战------2、IOC容器底层原理
这篇文章深入探讨了Spring5框架中的IOC容器,包括IOC的概念、底层原理、以及BeanFactory接口和ApplicationContext接口的介绍。文章通过图解和实例代码,解释了IOC如何通过工厂模式和反射机制实现对象的创建和管理,以及如何降低代码耦合度,提高开发效率。
Spring5入门到实战------2、IOC容器底层原理
|
存储 JSON 资源调度
next.js博客搭建_react-markdown渲染内容(第三步)
next.js博客搭建_react-markdown渲染内容(第三步)
930 1
|
缓存 监控 网络协议
在Linux中,性能调优都有哪几种方法?
在Linux中,性能调优都有哪几种方法?
|
Kubernetes Cloud Native Linux
云原生|kubernetes|使用cri-docker部署基于kubeadm-1.25.4的集群
云原生|kubernetes|使用cri-docker部署基于kubeadm-1.25.4的集群
2270 0
|
存储 网络协议 Java
Netty入门到超神系列-Java NIO 三大核心(selector,channel,buffer)
选择器,也叫多路复用器,Java的NIO通过selector实现一个线程处理多个客户端链接,多个channel可以注册到同一个Selector,Selector能够监测到channel上是否有读/写事件发生,从而获取事件和对事件进行处理,所以Selector切到哪个channel是由事件决定的。当线程从某个客户端通道未读取到数据时,可以把空闲时间用来做其他任务,性能得到了提升。
795 0
|
XML Java 程序员
Android开发:获取安卓App版本号的方法步骤
在Android开发过程中,想要开发一个完整功能的App,各个地方的内容都要涉及到,比如获取App的系统版本号就是必须要有的功能。Android的App版本号相关内容比iOS的App版本号内容要多,而且iOS版的App版本信息跟Android的还不一样。本篇文章就来介绍一下Android开发中获取App版本号的方法步骤,方便以后使用。获取App版本号常用的有两个方法,这两种方式都能获取到系统版本号,请根据实际需求或者偏好来选择任何一种方法即可。
2057 0
Android开发:获取安卓App版本号的方法步骤
|
资源调度 JavaScript
vue项目:解决v-html可能带来的XSS是跨站脚本攻击
vue项目:解决v-html可能带来的XSS是跨站脚本攻击
2361 0