admin管理员组

文章数量:1794759

thymeleaf模板布局之引入其他html片段（类似jsp:include功能）

thymeleaf模板布局之引入其他html片段（类似jsp:include功能）

在实际开发当中，有一些重复的内容必须提取出来，这样不仅页面布局合理，修改也会方便，改一处所有页面便都能得到改动。比如导航栏，底部版权声明等

在jsp中，一般使用jsp:include:xxx.jsp来实现这个功能，那在thymeleaf里怎么做呢

先说把所有html文件都引入进来的方法：

我把导航栏的html片段单独提了出来，如果想全部引用它，就在想引用的那个页面

写一个div，然后加上th:replace标签

<div th:replace="navbar :: html"></div>

内容写navbar :: html（这里注意，冒号冒号前后都有空格，我没注意这一点踩了大坑）

如果想引用一个html里的某个片段怎么办呢

在想引用的html的标签上打一个记号

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" th:fragment="navbar">

这里的th:fragment 意思是给这块内容标记为navbar

要引用的话，就

<div th:replace="common :: navbar"></div>意思是引用templates/common.html中的navbar代码块

本文标签： 片段布局类似模板功能

版权声明：本文标题：thymeleaf模板布局之引入其他html片段（类似jsp:include功能） 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686784000a102412.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。