首先在templates中新建一个HTML文件,该页面不被外界访问,只被用来存放其他页面相同的公共资源。这里将这个页面命名为common.html。
推荐原页面中的文件存放在<head></head>或<body></body>,公共资源文件也存放在对应的位置。
1、fragment方式
common中
<div th:fragment="xxxx"></div>
源文件中
<div th:replacement="common :: xxxx"></div>
或
<div th:include="common :: xxxx"></div>
2、id选择器方式
common中
<div id="xxxx"></div>
源文件中
<div th:replacement="common :: #xxxx"></div>
或
<div th:include="common :: #xxxx"></div>
replacement和include的区别:
replacement会将common文件的标签也复制过来替换掉原文件中的标签,而include不会复制common中的标签。如果原文件中的标签和common中的一样,像本文的例子一样就用哪个都行。