thymeleaf引入模板页面

通常我们一个网站页面的头部和底部都是相同的,我们不可能在每个页面都写相同的内容,一般都会将这些相同的写成模板在需要的页面引入即可。
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>

这个就相当于一个id

然后在index.html页面中引入这个页面

<!--footer-->
        <div th:include="footer :: common"></div>
        <!-- <div th:replace="footer :: common"></div> -->

th:include 和 th:replace区别,include只是加载,replace是替换
文件名和标签名要相同,不然会报错

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值