Thymeleaf之內聯

版權聲明:本文爲 小異常 原創文章,非商用自由轉載-保持署名-註明出處,謝謝!
本文網址:https://blog.csdn.net/sun8112133/article/details/106991754







Thymeleaf 標準方言能夠使用標籤屬性(th)的方式來實現很多事情,比如置換 HTML 文本(th:text)等,有的我們可能更喜歡直接將表達式寫到 HTML 標籤中,這種寫法我們稱爲是內聯。


一、內聯表達式

內聯表達式 可以將表達式放到文本中,這種方式我們稱爲是 內聯,而放到文本中的表達式我們把它稱爲是 內聯表達式

1、語法

[[...]] 或 [(...)]

注意: [[...]][(...)] 分別對應於 th:textth:utext


2、案例

假設 msg 的值爲 This is <b>ZhangSan! </b>

<p>():The message is "[(${name})]"</p>
<p>[]:The message is "[[${name}]]"</p>

內聯瀏覽器效果

內聯源代碼



二、禁用內聯

我們可以考慮一個問題:如果有些文本內容是:[1,2,3],[4,5] 這一類的內容,Thymeleaf 也會把它解析成 內聯表達式,這顯然不是我們想要的效果,那我們該怎麼辦呢?我們可以在某些位置禁用 內聯表達式

我們可以使用 th:inline="none" 的方式來禁用 內聯

<!-- 當加入 th:inline="none" 後,Thymeleaf 就不會把 p 標籤中的內容解析民 內聯表達式 了 -->
<p th:inline="none">A double array looks like this: [[1,2,3],[4,5]]!</p>


三、其他資源中的內聯

我們在 CSS 和 JavaScript 中也可以使用內聯:

設:classname="demo"bgcolor="red"username="hello world"

<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
	<style>
		.[[${classname}]] {
			background: [[${bgcolor}]];
		}
	</style>
	<script>
		var username = /* [[${username}]] */ "Thymeleaf hello!";
	</script>
</head>

其他資源的內聯



博客中若有不恰當的地方,請您一定要告訴我。前路崎嶇,望我們可以互相幫助,並肩前行!



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章