java鬼混笔记:springboot之thymeleaf 6:内联模式

内联模式可以让我们更方法获取后台的值,像平时的话,都是用th:text获取,但是我们设置了内联(th:inline),就直接用[[name]]去获取后台name的值了

如下,先在body标签中加入 th:line,后面的文本直接用[[xxx]]格式去获取,同样合适js(th:inline="javascript"),css(th:inline="css")

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>Hello Thymeleaf!</title>
</head>
<body th:inline="text">

	<p>[[${session.user.name}]]</p>
	<p><span th:text="${session.user.name}"/></p>
	
	<script th:inline="javascript">
    var username = [[${session.user.name}]];
    alert(username);
	</script>
</body>
</html>

ok

取消部份内联

<span th:inline="none">
       [[${session.user.name}]]
</span>

就直接显示 [[${session.user.name}]]

有个地方要注意,使用内联模式后,js里代面的代码要用 /*<![CDATA[*/ 和 /*]]>*/ 包住,才能识别 平时的运算和逻辑操作

不然会报错,如:在实体引用中, 实体名称必须紧跟在 & 后面。

正确如下:

/*<![CDATA[*/
	var tiShi = [[${tiShi}]];
	if(tiShi !=  && tiShi != null){
		alert(tiShi);
	}
/*]]>*/


经验分享 程序员 微信小程序 职场和发展