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

最新推荐文章于 2023-11-30 16:47:04 发布
转载 最新推荐文章于 2023-11-30 16:47:04 发布 · 246 阅读 · 0
文章标签：

#javascript #ViewUI

本文详细介绍了THymeleaf模板引擎中的text和utext属性的使用方法及区别，通过示例展示了如何在HTML中正确显示变量内容，避免HTML标签被解析。同时提供了具体的项目案例，帮助读者更好地理解并应用这些属性。 
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>




效果：




 

                

        




    


  


            

                    
            


    



                



	

		

			

				
					
SpringBoot系列教材 （三十二）- Thymeleaf - thymeleaf 如何用th:each 做条件遍历

				
			

			

				

					Lan_ht的博客
				

				

					11-30
					
					1120
					
				

			

		

		

			
				
把你自己做的项目文件夹，和我的可运行项目文件夹进行比较。本知识点是建立在上一个知识点可运行项目的基础上进行的改进,所以最好把上个知识点理解和消化了.even/odd 属性, boolean 类型的, 用来判断是否是偶数个还是奇数个。的可运行项目，配置运行起来，确认可用之后，再学习做了哪些步骤以达到这样的效果。在确保可运行项目能够正确无误地运行之后，再严格照着教程的步骤，对代码模仿一遍。( 可运行项目 ) 和自己的代码，来定位问题所在。，可以较为明显地提升学习速度，跨过学习路上的各个槛。

			
		

	



                

            
              



	

		

			

				
					
Thymeleaf常用标记

				
			

			

				

					sinat_33940108的博客
				

				

					01-07
					
					599
					
				

			

		

		

			
				
常用标记

th:text 替换标签的文本内容
th:utext 替换标签的html内容
th:each="变量名：集合"遍历集合
th:remove=“all” 删除

<body>
    <div>
        <div>孙悟空</div>
        <div th:text=${msg}>猪八戒</div>
        <div th:utext="${info}">沙悟净</div>
  

			
		

	



              


  
              

                


	

		

			

				
					
th:text/th:utext属性

				
			

			

				

					weixin_34082789的博客
				

				

					07-25
					
					472
					
				

			

		

		

			
				
为什么80%的码农都做不了架构师？>>> 
                                        
                ...

			
		

	





	

		

			

				
					
Thymeleaf语法中th:text与th:utext的区别

				
			

			

				

					一宿君
				

				

					08-24
					
					1416
					
				

			

		

		

			
				
1、th:text和th:th:utext标签的作用

可以对表达式或变量进行计算求值；
可以使用“+”进行文本拼接；
可以获取后端传过来的request作用域中的数据（包括Model、ModelAndView作用域）。

2、测试
当从后端传过来数据库的时候，如下：
@Controller
public class th_text_Vs_th_utext {

  	@RequestMapping("/toText")
    public String test(Model model){
	    S

			
		

	



		

			
		



	

		

			

				
					
thymeleaf中th:text与th:utext区别

				
			

			

				

					yigeshaoziwei的博客
				

				

					10-26
					
					312
					
				

			

		

		

			
				
th:text不会解析html，

用th:utext会解析html，在页面中显示相应的样式

1、例如


student.name=</br>学生姓名

<td th:text="${'测试' + student.name}"></td>

<td th:utext="${'测试' + student.name}"></td>


使用th:text的结果为：  测试</br>学生姓名

使用th:utext的结果为：

...

			
		

	





	

		

			

				
					
thymeleaf中th:text和th:utext的区别

					
热门推荐

				
			

			

				

					zrxJuly
				

				

					03-24
					
					4万+
					
				

			

		

		

			
				
th:text

1.可以对表达式或变量进行求值 
2.用“+”符号可进行文本连接 
3.当获取后端传来的参数时，若后端有标签，如：



@RequestMapping("/")
public String aa(Model model) {
    String msg = "&lt;h1&gt;啦啦啦&lt;/h1&gt;";
    model.addAttribute("msg", ms...

			
		

	





	

		

			

				
					
使用th:utext处理HTML节点转义文本

				
			

			

				

					m0_52613676的博客
				

				

					01-07
					
					984
					
				

			

		

		

			
				
直接上代码：
@RequestMapping("test")
public String test(ModelMap mm) {
    mm.addAttribute("text", "你好,<span style='color: red'>疯狂 Java</span>");
    return "test";
}

<span th:text="${text}"></span><br>
<span th:utext="${text}"&

			
		

	





	

		

			

				
					
th：utext和th:text

				
			

			

				

					07-15
				

			

		

		

			
				
在 Thymeleaf 模板引擎中，`th:utext` 和 `th:text` 是用于处理文本内容的属性。  `th:utext` 用于将变量值作为 HTML 解析并渲染到页面上。它会自动对变量值中的 HTML 标签进行解析，而不是将其作为纯文本呈现。这在...

			
		

	





	

		

			

				
					
SpringBoot系列教材 （三十一）- Thymeleaf - thymeleaf 如何用th:if做条件判断

				
			

			

				

					Lan_ht的博客
				

				

					11-30
					
					1333
					
				

			

		

		

			
				
把你自己做的项目文件夹，和我的可运行项目文件夹进行比较。本知识点是建立在上一个知识点可运行项目的基础上进行的改进,所以最好把上个知识点理解和消化了.String 类型并且值不是 "false", "off", "no", 返回 true。不是 boolean, 数值, 字符, String 的其他类型, 返回 true。的可运行项目，配置运行起来，确认可用之后，再学习做了哪些步骤以达到这样的效果。在确保可运行项目能够正确无误地运行之后，再严格照着教程的步骤，对代码模仿一遍。

			
		

	





	

		

			

				
					
thymeleaf input th:value赋初始值

					
最新发布

				
			

			

				

					03-19
				

			

		

		

			
				
好的，我现在需要帮助用户解决如何在Thymeleaf中使用th:value为input元素赋初始值的问题。首先，我需要回忆一下Thymeleaf的基本用法和相关语法。根据用户提供的引用内容，特别是引用[2]中的示例，用户展示了一个...

			
		

	





	

		

			

				
					
using thymeleaf之六th:text/th:utext属性

				
			

			

				

					sun
				

				

					10-18
					
					1万+
					
				

			

		

		

			
				
6.1 th:text属性

l可对表达式或变量求值，并将结果显示在其被包含的 html 标签体内替换原有html文本
l文本链接: 
l用“+”符号，若是变量表达式也可以用“|”符号

			
		

	





	

		

			

				
					
Thymeleaf 常见属性中th:text和th:utext的区别

				
			

			

				

					zhuyvhui的博客
				

				

					08-23
					
					698
					
				

			

		

		

			
				
Thymeleaf 常见属性中th:text和th:utext的区别。

			
		

	





	

		

			

				
					
Thymeleaf 标签学习 之 th:text 和 th:utext 的使用

				
			

			

				

					嘟噜熊恋爱.
				

				

					03-03
					
					2257
					
				

			

		

		

			
				
Thymeleaf 标签 th:text 和 th:utext 使用

			
		

	





	

		

			

				
					
thymeleaf 使用th:utext  拼接后台传的两个动态参数

				
			

			

				

					Jasyca503的专栏
				

				

					08-20
					
					1876
					
				

			

		

		

			
				
一、数据拼接显示：文本链接：用“+”符号，也可以用“|”符号。


eg: 

    th:utext="|${cmenu.menuName}(${count})|"

    th:utext="${cmenu.menuName}+'('+${count}+')'"

二、th:action字符串拼接

 若user.userId=1，解析结果为：<form action="/user/1"></form>


<form th:action="@{'/user/'+...

			
		

	





	

		

			

				
					
thymeleaf 7.10

				
			

			

				

					weixin_63734437的博客
				

				

					07-10
					
					469
					
				

			

		

		

			
				
thymeleaf是帮我们进行视图渲染的技术，将静态的html和数据结合起来很适合前后端的独立开发1、常用属性th:text:文本的显示。其中的值会替换html指定标签中的值th：utext：支持html的文本显示th：value：给属性赋值th：object：用于设置选定对象th：if：条件判断可以和th：unless配合使用th：switch：选择判断，配合th：case使用th：each：循环迭代th：href：设置链接地址


2.内联表达式当不适合使用属性的方法时可与使用内联表达式 [[]]相当于

			
		

	





	

		

			

				
					
Thymeleaf - 语法使用详解

				
			

			

				

					小小默：进无止境
				

				

					06-13
					
					8440
					
				

			

		

		

			
				
可以从官网下载PDF进行参考：

https://www.thymeleaf.org/documentation.html



或者在线参考文档：

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html





一个好的习惯是，每一个HTML页面引入Thymeleaf的名称空间：



&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;html lang=&am

			
		

	





	

		

			

				
					
springBoot系列之八-----异常处理

				
			

			

				

					weixin_40267415的博客
				

				

					01-08
					
					282
					
				

			

		

		

			
				
大家如果对自定义异常感兴趣的话可以参考 springBoot系列之七 用@ControllerAdvice注解来自定义异常。



springBoot对于异常处理有一些自己默认的策略。下面开始表演：

例如我写下面一段代码：


/**
 * 异常处理
 *
 *
 * @author
 *
 */
@Controller
public class ErrorController {

  ...

			
		

	





	

		

			

				
					
thymeleaf的简单用法-常用标签

				
			

			

				

					malimingwq的博客
				

				

					02-23
					
					2万+
					
				

			

		

		

			
				
一.常用标签的用法1.1 th:text 用于文本的显示,并且可以进行简单的计算。&lt;td  th:text="${username}"&gt;mlm&lt;/td&gt; -&gt; &lt;td&gt;maliming&lt;/td&gt;&lt;td  th:text="9+7"&gt;2018&lt;/td&gt; -&gt; &lt;t

			
		

	





	

		

			

				
					
SpringBoot框架（四）

				
			

			

				

					qq_51476114的博客
				

				

					12-28
					
					437
					
				

			

		

		

			
				
导入静态资源

查看WebMvcAutoConfiguration的源码


     public void addResourceHandlers(ResourceHandlerRegistry registry) {
			//如果静态资源路径自定义了，则直接返回
            if (!this.resourceProperties.isAddMappings()) {
                logger.debug("Default resource handling disa

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值