前言:
最近听说thymeleaf好像也挺流行的,还说是spring官方推荐使用,那thymeleaf究竟是什么呢?spring为什么推荐用它呢?怎么用呢?本文将为你揭秘!
一、thymeleaf简介:
thymeleaf是一种Java模板引擎,那何为模板引擎呢?模板引擎就是为了使用户页面和业务数据相互分离而出现的,将从后台返回的数据生成特定的格式的文档,这里说的特定格式一般都指HTML文档。它能够处理html、xml、js、css甚至纯文本,类似于freemarker。它的优点是语法优雅易懂、原型即页面、遵从web标准。原型即页面是它的特色,所谓原型即页面,就是你写的html,静态的去访问是什么样,动态的去访问还是这样,只不过动态的时候会把数据填充进去。
二、thymeleaf标准方言:
1、变量表达式:${...}
例如前端接收一个user,想取出user的name属性,就可以用变量表达式:
<span th:text="${user.name}">
2、消息表达式:#{...}
也称为文本外部化、国际化或i18n.
<p th:text=" #{header.address.city}" >...</p>
3、选择表达式:*{...}
与变量表达式的区别:选择表达式是在当前选择的对象上执行而不是整个上下文。
<form action="/users" th:action="@{/users}" method="POST" th:object="${userModel.user}"> <input type="hidden" name="id" th:value="*{id}"></form>
这里id就用了选择表达式,在此处*{id}
与${userModel.user.id}
效果一样。
4、链接表达式:@{...}
url可以是相对的,也可以是绝对的。
<a th:href="@{.../users/list}">...</a><a th:href="@{http://www.baidu.com}">...</a>
5、分段表达式:th:insert 、th:replace 、th:include
就相当插入。这三个的区别:
现有一个片段如下:
<footer th:fragment="copy"> <h1> Hello Thymeleaf </h1></footer>
#号分别代表insert、replace、include进行操作:
<div th:#="footer :: copy"></div>
th:insert 的结果:
<div> <footer th:fragment="copy"> <h1> Hello Thymeleaf </h1> </footer></div>
把footer标签插入到了div标签中。
th:replace的结果:
<footer th:fragment="copy"> <h1> Hello Thymeleaf </h1></footer>
把div标签换成了footer标签。
th:include的结果:
<div> <h1> Hello Thymeleaf </h1><div>
把div标签里面的内容换成了footer标签里面的内容。3.X版本后不再推荐使用。
6、字面量:
字面量可以是文本、数字、布尔和null等类型。
7、算术操作:+、-、*、/、%
例如:
<div th:with="isEven=(${user.age} % 2 == 0)">
8、其他运算符:
比较: >、<、>=、<= (gt、lt、ge、le)
等价: ==、!= (eq、ne)
三目运算符:
<tr th:class="${row.even} ? 'even' : 'odd' "></tr>
9、迭代器:th:each
相当于Java的foreach.
<tr th:each="user : ${userList}"> <td th:text="${user.id}"></td> <td th:text="${user.email}"></td></tr>
这样就是遍历userList集合。
迭代器的状态变量有:
index、count、size、current、even/odd、first、last
10、条件语句:th:if、th:unless、switch
<div th:switch="${user.role}"> <p th:case=" 'admin' ">User is admin</p> <p th:case=" 'guest' ">User is guest</p></div>
11、模板布局:th:fragment
比如定义一个公用的页头:
<div th:fragment="header"> <h1>Thymeleaf in action</h1> <a href="/users" >首页</a></div>
在其他页面直接这样引用就行:
<div th:replace="~{fragments/header :: header}"></div>
12、表达式基本对象:
表达式基本对象有:param、session、application、request、servletContext。
三、thymeleaf与springboot集成案例:
本案例使用gradle构建,未涉及数据库,数据保存在ConcurrentMap中。未曾了解gradle的老铁可以参考一下gradle的使用。点我下载本案例源码。
项目结构如下:
image.png
1、添加依赖:
dependencies { compile('org.springframework.boot:spring-boot-starter-web') testCompile('org.springframework.boot:spring-boot-starter-test') //thymeleaf的依赖 compile('org.springframework.boot:spring-boot-starter-thymeleaf') }
2、application.properties:
#thymeleaf相关配置spring.thymeleaf.encoding=UTF-8 spring.thymeleaf.cache=falsespring.thymeleaf.mode=HTML5
3、entity层:
public class User { private Long id; private String name; private String email; }
4、dao层:
import java.util.ArrayList;import java.util.List;import java.util.concurrent.ConcurrentHashMap;import java.util.concurrent.ConcurrentMap;import java.util.concurrent.atomic.AtomicLong;import org.springframework.stereotype.Repository;import com.zhu.test.dao.UserDao;import com.zhu.test.entity.User;/** * user dao层实现 * @author zhu * */@Repositorypublic class UserDaoImpl implements UserDao { //用来计数的 private static AtomicLong counter = new AtomicLong(); // 用来保存user的map private final ConcurrentMap<Long, User> userMap = new ConcurrentHashMap<>(); @Override public User saveOrUpdateUser(User user) { Long id = user.getId(); if(id == null) {//save id = counter.incrementAndGet(); user.setId(id); } this.userMap.put(id, user); return user; } @Override public void deleteUser(Long id) { this.userMap.remove(id); } @Override public User getUserById(Long id) { return this.userMap.get(id); } @Override public List<User> listUsers() { return new ArrayList<User>(this.userMap.values()); } }
作者:贪挽懒月
链接:https://www.jianshu.com/p/7f370e01e055