1，公共页面提取，公共页面一般都是头尾，用th:fragment属性标记公共部分，属性值用来引用
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div th:fragment="common-header">
<p>我是公共页面</p>
<p>我叫common-page.html</p>
<div>
<!-- 判断谁的activeURI 等于传过来的activeURI，谁等于谁就亮-->
<a th:class="${activeURI=='one'?'active':''}"></a>
<a th:class="${activeURI=='two'?'active':''}"></a>
</div>
</div>
</body>
</html>
2，其他页面引入公共页面
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 在这里引入公共页面 common-page是公共页的名字，common-header是公共页th:fragment属性值-->
<!-- activeURI是做导航高亮的，引用公共页面的同时把activeURI传过去，使公共页面高亮相应部位 -->
<div th:replace="common-page::common-header(activeURI='one')"></div>
<div>
<p>我引用公共页面</p>
</div>
</body>
</html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 在这里引入公共页面 -->
<div th:replace="common-page::common-header(activeURI='two')"></div>
<div>
<p>我引用公共页面</p>
</div>
</body>
</html>
版权声明：本文为weixin_45059962原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。