SpingBoot学习(5) --引入Thymeleaf
概述:Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎。类似JSP,Velocity,FreeMaker等,它也可以轻易的与Spring MVC等Web框架进行集成。Thymeleaf最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个Web应用
一:创建一个Thymeleaf模块
二:引入了Thymeleaf后,我们只需要将静态资源文件放在/resources/templates下就可以进行访问了。
例如:我在/resources/templates下写一个success.html页面
然后我写一个controller访问该文件即可:
@Controller
public class HelloController {
@RequestMapping("/success")
public String success(){
return "success";
}
}
发起success请求:
三:使用Thymeleaf语法:
基本使用规则可以到Thymeleaf官网查阅:https://www.thymeleaf.org/
1、使用Thymeleaf在页面上取值
(1)、在Controller中添加请求域数据
@RequestMapping("/success")
public String success(Map map){
map.put("name","筱筱创");
return "success";
}
(2)、在页面中进行取值
1、引入thymeleaf名称空间:
2、取值
Title
成功来到success页面!
这里是展示名字的
运行查看结果:
常用标签:
th:text:转义特殊字符
th:utext:不转义特殊字符
th:each:遍历
th:if:条件判断
th:attr:任意属性修改
th:switch:提供选择器
th:case:为switch提供case选项
等等。
表达式:
获取变量值:${...}
这里是展示名字的
选择变量表达式*{...}:
Name: Sebastian.
Surname: Pepper.
Nationality: Saturn.
等价于
Name: Sebastian.
Surname: Pepper.
Nationality: Saturn.
这也是Thymeleaf非常好的一个特性:在无网络的情况下也能运行,也就是完全可以前端先写出页面,模拟数据展现效果,后端人员再拿此模板修改即可!
3.链接表达式: @{…}
view
view
Content路径,默认访问static下的order文件夹