具有多个内容的 Thymeleaf 布局

Question

我是 Thymeleaf 模板引擎的新手，我正在使用 Spring Boot 和 Spring MVC 制作应用程序。我正在使用 application.properties 进行配置。

我想知道如何只写 ONE 布局但许多文件中的内容：例如content1.html、content2.html 等并使用已经有标题的布局，页脚。

如果可能，我如何从控制器发送将在布局中替换的内容文件？

Answer 1

你可以做这样的事情。假设您创建了一个嵌入所有其他内容的页面 - main.html。它看起来像这样：

<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3" xmlns="http://www.w3.org/1999/xhtml">

<div th:fragment="mainPage(page, fragment)">
    <h4>Some header</h4>
    <div th:include="${page} :: ${fragment}"></div>
    <h4>Some footer</h4>
</div>
</html>

然后您想创建一些页面，该页面将嵌入您的main.html 页面 - some-page.html：

<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3" xmlns="http://www.w3.org/1999/xhtml">
<div th:fragment="somePage">
    <h1>${title}</h1>
</div>
</html>

目标是将main.html 中的<div th:include="${page} :: ${fragment}"></div> 替换为some-page.html 中的内容。在控制器中，这将如下所示：

@Controller
public class DemoController {

    @RequestMapping
    public String somePage(Model model) {
        // Note that you can easy pass parameters to your "somePage" fragment
        model.addAttribute("title", "Woa this works!");
        return "main :: mainPage(page='some-page', fragment='somePage')";
    }
}

你去吧！每次当你想交换main.html中的内容时，你只需在你的控制器中更改字符串中的page和fragment参数。