admin管理员组

文章数量:1356453

this is my common file base.html

I created this whole page as a fragment to us on other pages and also want to pass contents to this fragment but it is not working on my about page

base.html

'''
<!DOCTYPE html>
<html lang="en"
th-fragment="parent(content, title)"
xmlns:th=";
>
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- This is the main tailwindcss file output.css -->
   <link rel="stylesheet" data-th-href="@{'/css/output.css'}">

   <!-- flowbite css CDN link for in-built components of tailwindcss -->
   <link href="/[email protected]/dist/flowbite.min.css" 
   rel="stylesheet" />
   <title th-replace="${title}">Document</title>
 </head>
 <body>
    <ul>
    <li>
        <a data-th-href="@{'/home'}">Home</a>
    </li>
    <li>
        <a data-th-href="@{'/about'}">About</a>
    </li>
    <li>
        <a data-th-href="@{'/services'}">Services</a>
    </li>
    <!-- <li>
        <a data-th-href="@{'/home'}">Home</a>
    </li> -->
 </ul>

<section th-insert="${content}"></section>

<!-- flowbite javascript CDN link for in-built components of tailwindcss -->
<script src="/[email protected]/dist/flowbite.min.js"> 
</script>
</body>
</html>
'''

this is the about page which uses the base.html page and pass the arguments

i have added the thymeleaf dependency.

about.html

'''
<!DOCTYPE html>
<html lang="en" 
   xmlns:th=";
   th-replace="~{base::parent(~{::#content}, ~{::title})}">
   <head>
        <title>About</title>
   </head>
   <body>
       <section id="content">
         <h1>Welcome to About Page</h1>
       </section>

       <div th-replace="~{base2::resolved}">Hi , this is about page</div>

   </body>
</html>
'''

本文标签： htmlHow to resolve thymeleaf fragment(threplace) is not working with spring bootStack Overflow

版权声明：本文标题：html - How to resolve thymeleaf fragment(th:replace) is not working with spring boot? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743986463a2571357.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。