模板技术
在springboot中不会使用jsp,而是使用模板技术,因为模板技术显示的更快。
模板技术分为三类:velocity,freemarker,thymeleaf。
Thymleaf是springboot官方推荐的模板技术。
配置环境:
- 添加依赖(热部署 lombok web thymeleaf )
- 添加配置
thymeleaf: prefix: classpath:/templates 模板文件的位置 suffix: .html 默认模板文件后缀 mode: HTML5 默认文件类型 encoding: UTF-8 文件编码 cache: false 是否开启缓存
- 创建一个h5文件,并添加命名空间
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
- 写一个Controller
@GetMapping("/test01") public ModelAndView test01(ModelAndView mv){ mv.setViewName("index"); return mv; }
学习内容:
- 显示文字
<p th:text="thymeleaf !!!"></p>
<p th:text="2019+10"></p>
- 显示变量
mv.addObject("name","<b>zhangsan</b>");
<p th:text="${name}"></p> <p th:utext="${name}"></p>
- 显示日期
mv.addObject("today",new Date());
<h5 th:text="${#calendars.format(today,'yyyy-MM-dd')}"></h5>
- 显示对象
User user = new User("zhangsan",20); mv.addObject("user",user);
<div th:object="${user}"> <p th:text="*{name}"></p> <p th:text="*{age}"></p> </div>
- 输入url
mv.addObject("id",2);
<div> <a href="" th:href="@{'/user/list'}">显示全部</a> <a href="" th:href="@{/user(id=${id})}">查看id是2的数据</a> <a href="" th:href="@{'/user/'+${id}}">查看id是2的数据</a> </div>