Макет Thymleaf с пружинным чехлом 2.0.1

Привет всем, я пытаюсь заставить работать декоратор макета, так как 2 дня, вот что я делаю, обратите внимание, что я использую весеннюю загрузку 2.0.1 Я добавил эти 2 зависимости

  <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
<dependency>
    <groupId>nz.net.ultraq.thymeleaf</groupId>
    <artifactId>thymeleaf-layout-dialect</artifactId>
</dependency>

а затем добавил следующий файл layout.html в папку макета

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:th="http://www.thymeleaf.org"
 xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

<!-- <head th:replace="fragments/head :: head">
<title>Header</title>
</head> -->


<body class="pace-done">
  <div id="wrapper">
  <div th:replace="fragments/header :: header"></div>
  
 <div class="container" id="mainContent">
 
  <div class="row">
   <div class="col-md-8">
    <div layout:fragment="content"></div>
   </div>
   
   <div class="col-md-4">
    <div th:replace="fragments/leftnav :: sidebar"></div>
   </div>
  </div>
 </div> 
 
 
 <footer class="footer" th:fragment="footer">
  <div class="container border">
   <div class="row">
    <div class="text-dark col-auto mr-auto">&copy; appcom2020</div>
   </div>
  </div>
 </footer>
  </div>
</body>
</html>

левая навигация в папке фрагментов

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

 <div th:fragment="sidebar">
  <nav class="navbar-default navbar-static-side" role="navigation">
   <div class="sidebar-collapse">
    <ul class="nav metismenu" id="side-menu">
     <li class="nav-header">
      <div class="dropdown profile-element">
       <span> <img alt="image" class="img-circle"
        th:src="@{/images/profile_small.jpg}" />
       </span> <a data-toggle="dropdown" class="dropdown-toggle" href="#">
        <span class="clear"> <span class="block m-t-xs"> <strong
          class="font-bold">waf'a beauty center</strong>
        </span> <span class="text-muted text-xs block">System Manager <b
          class="caret"></b></span>
       </span>
       </a>
       <ul class="dropdown-menu animated fadeInRight m-t-xs">
        <li><a href="profile.html">Profile</a></li>
        <li><a href="contacts.html">Contacts</a></li>
        <li><a href="mailbox.html">Mailbox</a></li>
        <li class="divider"></li>
        <li><a href="logout">Logout</a></li>
       </ul>
      </div>
      <div class="logo-element">
       <img src="images/cashu-logo.png" class="img-responsive" />
      </div>
     </li>

     <li><a href="javascript:void(0)"><i class="fa fa-tags"></i>
       <span class="nav-label">Vendor Management</span><span
       class="fa arrow"></span></a>
      <ul class="nav nav-second-level collapse">
       <li><a th:href="@{editProduct}">Categories</a></li>

       <li><a th:href="@{editProduct}">Items</a></li>




       <li><a th:href="@{editProduct}">Manage Booking</a></li>

       <li><a th:href="@{editProduct}">Manage Users</a></li>

       <li><a href="javascript:void(0)"><i
         class="fa fa-envelope"></i> <span class="nav-label">Images
          Slider</span></a></li>

       <li><a href="javascript:void(0)"><i
         class="fa fa-map-marker"></i> <span class="nav-label">Marketing</span><span
         class="fa arrow"></span></a>
        <ul class="nav nav-second-level collapse">
         <li><a href="javascript:void(0)">Manage Campaign</a></li>
         <li><a href="javascript:void(0)">Referral Program</a></li>
        </ul></li>


      </ul></li>
    </ul>
   </div>

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

нижний колонтитул

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

<head>
<title>Header</title>
</head>

<body>

 <footer class="footer" th:fragment="footer">
  <div class="container border">
   <div class="row">
    <div class="text-dark col-auto mr-auto">&copy; appcom2020</div>
   </div>
  </div>
 </footer>

</body>

</html>

и другой фрагмент, теперь класс, который вызывает макет

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


<div id="page_content" layout:fragment="content">
 <div class="container">

  <h2 align="center">
   Hello <span th:utext="${userName}"></span>,Welcome to the Admin
   DashBoard
  </h2>
  <div class="row text-center">
   <p style="text-align: center">
    <img src="../../static/images/GREEN-SMILE-00.png" width="30%"
     height="50%" th:src="@{/images/GREEN-SMILE-00.png}" />
   </p>
  </div>
 </div>
</div>



</html>

и, к сожалению, не вызывать какие-либо части из макета, любая помощь будет оценена, спасибо

Источник

0 ответов

Другие вопросы по тегам