跳到主要内容

Thymelaf用作layout

Thymeleaf可以在一个大文件里用th:relaceth:input或者th:include来引用一个小文件。 也可以把一个大的文件用作layout,在它的基础上扩展。

  • layout.html
<!DOCTYPE html>
<html lang="zh-CN"
xmlns:th="http://www.thymeleaf.org"
th:fragment="layout (title, body)">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title th:replace="${title}">Layout</title>
</head>
<body>
</body>
</html>
  • extend.html
<!DOCTYPE html>
<html lang="zh-CN"
xmlns:th="http://www.thymeleaf.org"
th:replace="~{layout::layout (~{::title}, ~{::body})}">
<head>
<title>Extend</title>
</head>
<body>
</body>
</html>