gpt4 book ai didi

java - Spring 启动 Thymeleaf : How to include html file

转载 作者:行者123 更新时间:2023-11-29 04:21:07 25 4
gpt4 key购买 nike

我对 Spring Boot Thymeleaf 有疑问。我想在另一个带有 Thymeleaf 的 html 文件中包含一个简单的 html 文件。

这是我的 main.html 文件:在代码片段的中间,您可以看到 root-div,这里我想包含 dashboard.html 文件。

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Admin-Area</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="/backend/webjars/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="/backend/webjars/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 fixed-top mainnav navbar-expand-xl">
<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="../dashboard/dashboard.html">B2C-Shop</a>
<button type="button" class="navbar-toggler navbar-toggler-right">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
<div class="container-fluid">
<div class="row">
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
<div th:each="script: ${scripts}">
<div th:if="${script.endsWith('dashboard.html')}">
<div id="root" th:include="dashboard :: dashboard></div>
</div>
</div>
</main>
</div>
</div>

<script src="/backend/webjars/es5-shim/4.5.9/es5-shim.min.js"></script>
<script src="/backend/webjars/es6-shim/0.20.2/es6-shim.min.js"></script>
<script src="/backend/webjars/jquery/3.3.1/jquery.min.js"></script>
<script src="/backend/webjars/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="/backend/webjars/modernizr/2.8.3/modernizr.min.js"></script>
<div th:each="script: ${scripts}">
<div th:if="${script.endsWith('.js')}">
<script type="text/javascript" th:src="'/backend/js' + ${script}"></script>
</div>
</div>
</body>
</html>

这是我想包含在 main.html 文件中的 dashboard.html 文件。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="dashboard">
<h1>Welcome to B2C-Admin-Area</h1>
</div>
</html>

这是我的 DashboardController.java,我声明了 dashboarb/dashboard.html 文件返回方法“getTemplate()”引用资源文件夹中的后端文件夹。

/**
*
* Render dash board
*
* @param model the attribute model
* @return the template file name
*/
@RequestMapping(value = "/backend/dashboard/dashboard.html", method = RequestMethod.GET)
public String dashboard(final Model model)
{
String[] script = {"/dashboard/dashboard.html"};
model.addAttribute(SCRIPT, script);
return getTemplate();
}

/**
* Gets the template file name.
*
* @return the template file name
*/
protected String getTemplate()
{
return "backend";
}

我的文件夹结构是这样的:

enter image description here

你有什么想法包含这个文件吗?

谢谢。

问候 MWC。

最佳答案

首先按以下结构安排您的 html 文件: enter image description here

然后创建用于导入的片段:假设您将以下代码保存在模板/公共(public)文件夹中的面包屑文件中:

<section class="content-header" th:fragment="breadcrumbfragment">
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Next </li>
<li class="active">Next to Next</li>
</ol>
</section>

现在要导入上面的片段,请使用以下行:

<section class="content-header" th:replace="common/breadcrumb::breadcrumbfragment"></section>

关于java - Spring 启动 Thymeleaf : How to include html file,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49106875/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com