带有 HTML 和百里香叶的路径



我有一个带有引导程序的小Java,Spring,thymeleaf Web应用程序。

我的控制器:

@Controller
@RequestMapping("/productmerger")
public class SetupController {
@Autowired
private TradingModel tradingModel;

@RequestMapping(value = "start", method = RequestMethod.GET)
//@ResponseBody //can be deleted due to thymeleaf
public String start(ModelMap modelMap) {
modelMap.put("productList", tradingModel.getAvailableProducts());
return "start";
}
@RequestMapping(value = "start", method = RequestMethod.POST)
public String startPost(@RequestParam("Products") String[] products, HttpEntity<String> httpEntity) {
tradingModel.getContentList().clear();
for (String product : products) {
tradingModel.getContentList().add(new Product(product));
}
return "redirect:/handleDetails";
}
}

我的网页

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head th:replace="template :: head">
</head>
<body>
<div class="container">
<form method="post" action="start.html">
<h2>Chose what you want to trade</h2>
<label>
<select th:name="Products" class="selectpicker" multiple="multiple">
<!--/*@thymesVar id="productList" type="java.util.List"*/-->
<option th:each="product : ${productList}"><a th:text="${product}"></a></option>
</select>
</label>
<button th:type="submit" class="btn btn-info">Send</button>
</form>
</div>
<div th:replace="template :: footer"></div>
</body>
</html>

我的浏览器的源代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title></title>
<link rel="stylesheet" href="webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" />
<link rel="stylesheet" href="webjars/bootstrap/3.3.7-1/css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="webjars/bootstrap-select/1.12.0/css/bootstrap-select.min.css" />
</head>
<body>
<div class="container">
<form method="post" action="start.html">
<h2>Chose what you want to trade</h2>
<label>
<select class="selectpicker" multiple="multiple" name="Products">
<option><a>Table</a></option>
<option><a>Glas</a></option>
<option><a>Fork</a></option>
</select>
</label>
<button class="btn btn-info" type="submit">Send</button>
</form>
</div>
<footer>
<script src="webjars/jquery/3.2.0/jquery.min.js"></script>
<script src="webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>
<script src="webjars/bootstrap-select/1.12.0/js/bootstrap-select.js"></script>
</footer>
</body>
</html>

我的模板的一部分.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head">
<meta charset="UTF-8"/>
<!--/*@thymesVar id="title" type="String"*/-->
<title th:text="${title}">Hello</title>
<link th:href="@{webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}" rel="stylesheet"/>
<link th:href="@{webjars/bootstrap/3.3.7-1/css/bootstrap-theme.min.css}" rel="stylesheet"/>
<link th:href="@{webjars/bootstrap-select/1.12.0/css/bootstrap-select.min.css}" rel="stylesheet"/>
</head>

开始路径.html

D:\Programme\Dropbox\HelloSpring3\src\main\resources\templates\start.html

CSS 的路径

C:\Users\N-rG.m2\repository\org\webjars\bootstrap\3.3.7-1\bootstrap-3.3.7-1.jar!\META-INF\resources\webjars\bootstrap\3.3.7-1\css\bootstrap.min.css

我的问题:

在正确显示的浏览器中的链接后面:

<link rel="stylesheet" href="webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" />

实际上是错误的,因为只要我将鼠标悬停在它上面或单击它,它就会将我重定向到

http://localhost:8080/productmerger/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css

所以这里的/productmerger/部分是错误的。我怎样才能摆脱它?

请帮助我。

谢谢!

您可能希望通过先添加/来获得上下文相关的URL:

<link th:href="@{/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}" rel="stylesheet"/>

有关详细信息,请参阅 Thymeleaf 标准 URL 语法。

最新更新