在thymeleaf中加入html页面

时间:2014-05-08 10:06:32

标签: thymeleaf

我有2个HTML文件,假设是one.html和two.html。在one.html中,我想包含two.html。

在JSF中,我可以这样做:

这意味着在one.xhtml文件中,我可以包含two.xhtml。

我们如何在* .html文件中执行此操作?在百里香中

2 个答案:

答案 0 :(得分:2)

你可以轻松地做到。你可以分享你的header.html档案吗?

或者,让我展示一下我的项目

header.html中的

放入<body>代码:

<div th:fragment="client_header">
    <p>This is for client</p>
</div>

<div th:fragment="admin_header">
    <p>This is for admin</p>
</div>

我们假设您要将client_header添加到index.html。请在index.html页面(<body>内)

中关注这些内容
<div th:replace="includes/header :: client_header">
</div>

注意:includes/header之前::引用html路径(排除.html)和client_header::引用header.html中的部分想要插入。

我希望你理解我在这里解释的一切。

答案 1 :(得分:1)

在one.html中,您可以按照以下步骤添加two.html:

  1. 将两个页面放在资源文件夹下,例如/resources/one.html,/resources/two.html
  2. 通过在one.html中添加以下行,在one.html中包含two.html: <div th:insert="two :: two"></div>

  3. <body>标记后面的two.html中包含以下代码: <div th:fragment="two">

  4. 这应包括由<div th:fragment="two">升级为one.html

    的代码

    thymeleaf documentation

    中的更多信息