dph*_*ham 14 spring-mvc thymeleaf
使用thymeleaf有一种方法来装饰我的布局w /我的页面特定的JavaScript和JavaScript包括？
<!--My Layout -->
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div th:replace="fragments/header :: header">
</div>
<div class="container">
<div layout:fragment="content">
</div>
</div>
</body>
</html>
<!--My Page -->
<!DOCTYPE html>
<html layout:decorator="layout">
<head>
</head>
<body>
<div layout:fragment="content">
hello world
</div>
<script src="pageSpecific1.js"></script>
<script src="pageSpecific2.js"></script>
<script>
alert("hello world")
</script>
</body>
</html>
Tom*_*lst 45
在您的布局模板中,fragment为脚本添加一个.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<body>
..
<th:block layout:fragment="script"></th:block>
</body>
</html>
然后在您的页面模板中,您可以添加该页面的脚本.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorator="template.html">
<body>
...
<th:block layout:fragment="script">
<script th:src="@{/page.js}"></script>
<script>
function foo() {
...
}
</script>
</th:block>
</body>
</html>
不要忘记layout:decorator在页面模板中设置.
| 归档时间： |
|
| 查看次数： |
30061 次 |
| 最近记录： |