初识Thymeleaf

作者: 宁好_8848 | 来源:发表于2018-09-09 15:39 被阅读0次

thymeleaf.png

一、Thymeleaf是什么？
简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。
二、添加依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
三、控制层写法（通过ModelMap带入数据）
//注入了一个对象，被Spring容器托管--bean
@Resource
private Student student;
// @RequestMapping(value = "/index",method = RequestMethod.GET)
@GetMapping("index")
public String index(ModelMap map){
student.setName("zhangsan");
student.setMale("male");
student.setStudentNo("333");
student.setAge(10);
//将模型加入视图
map.addAttribute("student",student);
return "index";
}
四、头部引入xmlns
<html xmlns:th="http://www.thymeleaf.org">
五、常用th标记
关键字功能介绍案例
th:id 替换id <input th:id="'xxx' + ${collect.id}"/> th:text 文本替换 <p th:text="$ {collect.description}">description</p>
th:object 替换对象 <div th:object=" ${session.user}"> th:value 属性赋值 <input th:value = "$ {user.name}" />
th:style 设置样式 <div th:style="'display:' + @{( ${sitrue} ? 'none' : 'inline-block')} + ''"></div> th:onclick 点击事件 <td th:onclick = "'getCollect()'"></td> th:each 属性赋值 <tr th:each = "user,userStat:$ {users}">
th:if 判断条件 <a th:if = " ${userId == collect.userId}"> th:unless 和th:if判断相反 <a th:href="@{/login} th:unless=$ {session.user != null}">Login</a>
th:href 链接地址 <a th:href="@{/login}" th:unless=
${session.user != null}>Login</a> th:switch 多路选择配合th:case使用 <div th:switch="$ {user.role}">
th:selectd selected选择框选中 th:selected="( ${xxx.id} ==$ {configObj.dd})"
th:src 图片类地址引入 <img class="img-responsive" alt="App Logo"
th:src="@{/img/logo.png}" />
th:action 表单提交的地址 <form action="subscribe.html"
th:action="@{/subscribe}">
th:remove删除某个属性<tr th:remove="all"> 1.all:删除包含标签和所有的孩子。
2.body:不包含标记删除,但删除其所有的孩子。
3.tag:包含标记的删除,但不删除它的孩子。
4.all-but-first:删除所有包含标签的孩子,除了第一个。
5.none:什么也不做。这个值是有用的动态评估。