Thymeleaf网页模板
使用
控制器方法中添加Model
//import org.springframework.ui.Model;
@RequestMapping(value = {""})
private String DefPage(Model model){
String name = "Ilirus";
model.addAttribute("name",name);
return "def";
}
HTML中引入命名空间之后使用
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="#" th:text="${name}">被替换的文本</a>
</body>
</html>
语法
- 替换文本
<div th:text="'替换: '+${name}">被替换的文本</div> - 替换href
<a th:href="@{'localhost:8080/'+${url}}"></a> - 循环遍历
<div th:each="li:${list}">
<a th:href="@{'localhost:8080/'+${li.url}}" th:text="${li.text}"></a>
</div>
- 引入模板
- 定义模板
<th:block th:fragment="domblock">Dom Element here</th:block><div th:fragment="nav">Dom Element here</div> - 引入模板
<th:block th:insert="path/file::domblock"></th:block><div th:insert="path/file::nav"></div>- th:insert
- th:replace
- th:include
- 定义模板
使用webjar引入bootsrtap
在http://mvnrepository.com/网站中找到Bootstrap
复制Maven配置代码到pom.xml的<dependencies>里
<!-- https://mvnrepository.com/artifact/org.webjars/bootstrap -->
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>3.3.7</version>
</dependency>
完成后编译器会导入Maven依赖