通常我们一个网站页面的头部和底部都是相同的,我们不可能在每个页面都写相同的内容,一般都会将这些相同的写成模板在需要的页面引入即可。
demo开始:
写一个通用的底部:
起名为:footer.html
内容为:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<footer th:fragment="common">
<div class="foot-mes">
<div>
<p>Copyright ©XXXXXXX有限公司 All Rights Reserved 苏ICP备101dsf0号</p>
<p>公司地址:XXXXXXXXXXXX 联系电话:00000000000</p>
</div>
</div>
</footer>
</html>
然后在index.html页面中引入这个页面
<!--footer-->
<div th:include="footer :: common"></div>
<!-- <div th:replace="footer :: common"></div> -->
th:include 和 th:replace区别,include只是加载,replace是替换
文件名和标签名要相同,不然会报错