个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我的问题是 - 我有两个文件:布局.html:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
th:fragment="layout">
<head>
<title >Layout page</title>
</head>
<body>
<header>
<h1>My website</h1>
</header>
<section th:include="this :: content">
<p>Page content goes here</p>
</section>
<footer th:fragment="footer" >
<p>My footer</p>
</footer>
</body>
</html>
和index.html:
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
th:include="layout :: layout">
<head>
<title>Index page</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<h2>Hello World!</h2>
<section class="seedstarterlist" th:fragment="content" >
<form action="#" th:action="@{/add}" th:object="${user}" method="post">
<table>
<tbody>
<tr>
<td>name</td>
<td><input type="text" th:field="*{name}" /></td>
</tr>
<tr>
<td>surname</td>
<td><input type="text" th:field="*{surname}" /></td>
</tr>
<tr>
<td>email</td>
<td><input type="text" th:field="*{email}" /></td>
</tr>
<tr>
<td>street</td>
<td><input type="text" th:field="*{street}" /></td>
</tr>
<tr>
<td>postcode</td>
<td><input type="text" th:field="*{postcode}" /></td>
</tr>
<tr>
<td>city</td>
<td><input type="text" th:field="*{city}" /></td>
</tr>
<tr>
<td>district</td>
<td><input type="text" th:field="*{district}" /></td>
</tr>
<tr>
<td>country</td>
<td><input type="text" th:field="*{country}" /></td>
</tr>
<tr>
<td>nationality</td>
<td><input type="text" th:field="*{nationality}" /></td>
</tr>
<tr>
<td>phoneNumber</td>
<td><input type="text" th:field="*{phoneNumber}" /></td>
</tr>
<tr>
<td>avatar</td>
<td><input type="text" th:field="*{avatar}" /></td>
</tr>
<tr>
<td>password</td>
<td><input type="text" th:field="*{password}" /></td>
</tr>
<tr>
<td>status</td>
<td><input type="text" th:field="*{status}" /></td>
</tr>
<tr>
<td>sex</td>
<td><input type="text" th:field="*{sex}" /></td>
</tr>
<tr>
<td>birthdate</td>
<td><input type="text" th:field="*{birthdate}" /></td>
</tr>
<tr>
<td colspan="2">
<button type="submit" name="add">Add User</button>
</td>
</tr>
</tbody>
</table>
</form>
</section>
<footer th:fragment="footer" >
<p>My custom footer</p>
</footer>
我只想在 index.html 页面上使用自定义页脚。布局工作正常，但我想在此特定页面上覆盖页脚，但这是行不通的。
有什么帮助吗？
最佳答案
答案是我需要改变我的方法并使用 ThymeLeaf Layout Dialect。我在 Spring 配置文件中注册了额外的模板引擎:
<bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">
<property name="additionalDialects">
<set>
<bean class="nz.net.ultraq.thymeleaf.LayoutDialect"/>
</set>
</property>
</bean>
并将 html 顶部的声明更改为:
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorator="layout.html">
希望对大家有所帮助。
关于css - Thymeleaf 装饰器 - 如何通过特定页面上的自定义页脚替换布局中的页脚，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22402372/
26
4
0
我是一名优秀的程序员,十分优秀！