您的位置：首页 > 编程语言 > Java开发

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

2017-11-23 22:47 543 查看

内联模式可以让我们更方法获取后台的值，像平时的话，都是用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);
}
/*]]>*/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航