Question

我在html的前端有一个带有spring boot的项目，我想在页面index.html和layout.html之间建立链接，并在其中放置以下代码（layout.html）

          <!DOCTYPE html>
                     <html xmlns:th="http://www.thymeleaf.org"

           xmlns:layout="https://www.ultraq.net.nz/thymeleaf/layout">
                    <head>
                   <meta charset="utf-8" />
                  <title>Gestion des produits</title>
   <link rel="stylesheet" href="../static/css/bootstrap.min.css"
    th:href="@{css/bootstrap.min.css}" type="text/css" />

   <link rel="stylesheet" href="../static/css/myStyle.css"
    th:href="@{css/myStyle.css}" />
   </head>
   <body>
    <header>
     <div class="navbar navbar-default">
        <div class="container-fluid">
            <ul class="nav navbar-nav">
                <li><a th:href="@{index}">Chercher</a></li>
                <li><a th:href="@{form}">Produits</a></li>

            </ul>
        </div>
    </div>
</header>
<section layout:fragment="content"></section>
<footer class="navbar-fixed-bottom">
    <hr />
    <div class="container">
        <small>copyright @2018</small>
    </div>
   </footer>
  </body>
 </html>

在 index.html 页中，我在<html>标签中添加了以下代码

<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="https://www.ultraq.net.nz/thymeleaf/layout"
layout:decorator="layout">

最后，我还在正文中添加了<div>，其内容如下：

<div layout:fragment="content"> .....</div>

尽管所有内容都已设置并作为示例，但导航栏仍未出现在我的主页上

用布局链接HTML页面：装饰器

0 个答案: