什么是Thymeleaf?
Thymeleaf是一个用于Web和独立环境的现代服务器端Java模板引擎,用于处理XML/XHTML/HTML5内容。它特别适合基于Spring框架的Web应用程序,因为它提供了与Spring MVC的出色集成。Thymeleaf以其自然的模板语法和强大的数据绑定能力而闻名,使得开发者能够轻松地创建动态Web页面。
Thymeleaf的特点
- 自然模板技术:Thymeleaf的模板语法尽可能接近HTML,使得模板易于阅读和编写。
- 强大的数据绑定:支持多种数据绑定方式,包括标准表达式和选择表达式,使得数据展示更加灵活。
- 安全性:自动处理HTML转义,防止XSS攻击。
- 与Spring的集成:无缝集成Spring MVC,支持Spring的表达式语言(SpEL)。
- 高性能:通过缓存和优化的模板处理机制,提供快速的页面渲染速度。
Thymeleaf示例
以下是一个简单的Thymeleaf模板示例,展示了如何使用Thymeleaf来动态生成Web页面内容。
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<title>Thymeleaf示例</title>
<!-- 样式省略 -->
</head>
<body>
<!-- 使用th:utext和th:id进行文本替换和ID设置 -->
<div th:utext="${hello}" th:id="${hello.toUpperCase()}">xxxx</div>
<!-- 直接从模型属性中获取值并填充到输入框 -->
<input th:value="${user.getUsername()}">
<!-- 使用th:object和*{}语法访问对象属性 -->
<div th:object="${user}">
<span th:text="*{username}"></span>
</div>
<!-- 条件渲染 -->
<a th:href="www.csdn.net" th:if="${user.getAge() == 2}">年龄</a>
<!-- 根据条件设置类名(注释掉的代码) -->
<!-- <a th:class="${user.getAge() > 2}?'class1':'class2'">年龄</a> -->
<!-- 成绩等级判断 -->
<p th:if="${user.score >= 60 and user.score < 85}">B</p>
<p th:if="${user.score < 60}">C</p>
<p th:if="${user.score > 85}">优秀</p>
<!-- 性别判断 -->
<span th:switch="${user.gender}">
<p th:case="1">男</p>
<p th:case="2">女</p>
</span>
<!-- 表格数据展示 -->
<table>
<tr>
<td>姓名</td>
<td>密码</td>
<td>序号</td>
</tr>
<tr th:each="a,aState:${uList}">
<td th:text="${a.username}"></td>
<td th:text="${a.password}"></td>
<td th:text="${aState.index}"></td>
</tr>
</table>
</body>
</html>
Controller部分
java
package com.qcby.demo.controller;
import com.qcby.demo.entity.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;
import java.util.ArrayList;
import java.util.List;
@Controller
@RequestMapping("/user")
public class UserController {
@RequestMapping("/hello")
public String hello(HttpServletRequest req, HttpSession httpSession, Model model){
model.addAttribute("hello","<h1>renliang</h1>");
User user = new User();
user.setPassword("111");
user.setUsername("renliang");
user.setAge(2);
user.setScore(78);
user.setGender(2);
List<User> uList = new ArrayList<>();
for (int i = 0; i < 10; i++){
User u = new User();
u.setUsername("renliang"+i);
u.setPassword("111"+i);
uList.add(u);
}
// httpSession.setAttribute("user", user);
model.addAttribute("user", user);
model.addAttribute("uList", uList);
return "user";
}
}