java鬼混笔记:springboot之thymeleaf 6:内联模式
内联模式可以让我们更方法获取后台的值,像平时的话,都是用th:text获取,但是我们设置了内联(th:inline),就直接用[[name]]去获取后台name的值了
ok
如下,先在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);
}
/*]]>*/
