初识Thymeleaf

2018-09-09  本文已影响0人  宁好_8848
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:什么也不做。这个值是有用的动态评估。

上一篇下一篇

猜你喜欢

热点阅读