макет листа тимьяна: похоже, декорация работает не так, как ожидалось - PullRequest
Новая
       61

макет листа тимьяна: похоже, декорация работает не так, как ожидалось

0 голосов
/ 28 мая 2018

У меня есть проект thymeleaf, но у меня возникают проблемы с использованием макета: украсьте, поскольку я не получаю ожидаемый результат.Я просмотрел предыдущие сообщения stackoverflow, и они не помогли.Вот что я сделал.Мне нужна помощь, так как я не знаю, что пошло не так.

pom.xml 

<properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
    <java.version>1.8</java.version>
    <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
    <thymeleaf.version>3.0.9.RELEASE</thymeleaf.version>
</properties>

header.html 

   <header th:fragment="header">

    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarColor01">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Register</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Log in</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Profile</a>
      </li>
       <li class="nav-item">
        <a class="nav-link" href="#">Users</a>
      </li>
       <li class="nav-item">
        <a class="nav-link" href="#">About</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="hidden"/>
      <button class="btn btn-secondary my-2 my-sm-0" type="submit">Logout</button>
    </form>
  </div>
</nav>

</header>

footer.html 

   <div th:fragment="footer">

    <p>
    &copy; 2018 Collinewait
    </p>

</div>

main_layout.html 

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../../static/css/style.css" th:href="@{css/style.css}"/>
<link rel="stylesheet" href="../../static/css/materia/bootstrap.min.css" th:href="@{css/materia/bootstrap.min.css}"/>
<script th:src="@{webjars/jquery/jquery.min.js}"></script>
<script th:src="@{webjars/bootstrap/bootstrap.min.js}"></script>
</head>
<body>
    <div th:replace="fragments/header::header"></div>

    <div layout:fragment="content">

    </div>

    <div th:replace="fragments/footer::footer"></div>
</body>
</html>

index.html 

    <!DOCTYPE html>
<html xmlns:th="http:www.thymeleaf.org"
    xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
    layout:decorate="~{fragments/main_layout}">
<head>

</head>
<body>

    <div layout:fragment="content" class="container">
        <div class="jumbotron">
            <p>Hello its Colline wait</p>
        </div>

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

он только отображает: Здравствуйте, его Colline ждать.без верхнего и нижнего колонтитула.

ресурсы структурированы как this .спасибо.

1 Ответ

0 голосов
/ 09 января 2019

попробуйте изменить эту зависимость 

<!-- https://mvnrepository.com/artifact/nz.net.ultraq.thymeleaf/thymeleaf-layout-dialect -->
<dependency>
    <groupId>nz.net.ultraq.thymeleaf</groupId>
    <artifactId>thymeleaf-layout-dialect</artifactId>
    <version>2.3.0</version>
</dependency>

на 

 <dependency>
        <groupId>com.github.zhanhb</groupId>
        <artifactId>thymeleaf-layout-dialect</artifactId>
        <version>2.3.0</version>
    </dependency>

это работает для меня

...