thymleaf th:text 和 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>

效果：