Thymeleaf页面片段划分身体

时间:2018-02-28 11:24:17

标签: html spring-mvc spring-boot thymeleaf

我正在尝试使用百日咳片段/布局将我的页面分成三个部分。 假设我已经关注 page.html

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
  <title>Demo Title</title>
</head>
<body>
 <div class="container">
   <div class="content">Some content goes here</div>
 </div>
</body>
</html>

我试图把它分成以下三个片段。

的top.html

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
  <title>Demo Title</title>
</head>
<body>
 <div class="container">

的bottom.html

 </div>
</body>
</html>

页-content.html

<div class="content">Some content goes here</div>

我做了BELLOW但是没有工作:

的top.html

<div th:fragment="top">
  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="ISO-8859-1">
    <title>Demo Title</title>
  </head>
  <body>
   <div class="container">
</div>

页-content.html

<div th:replace="/top :: top"></div>
<div class="content">Some content goes here</div>
 </div>
</body>
</html>

请建议我查看可能的方向。

0 个答案:

没有答案