第七篇：Spring Boot整合Thymeleaf

基本语法实战案例01

在ThymeleafController中添加此方法

@RequestMapping("/show5")public String showInfo5(Model model) {model.addAttribute("msg", "Thymeleaf 第一个案例");model.addAttribute("key", new Date());return "index5";}

在src/main/resources/templates目录下面，新建index5.html

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Thymeleaf入门</title>
</head>
<body><span th:text="Hello"></span>
<hr/>
<span th:text="${msg}"></span>
<hr/>
<input type="text" name="username" th:value="${msg}"/>
<hr/>
<span th:text="${#strings.isEmpty(msg)}"/>
<hr/>
<span th:text="${#strings.contains(msg,'9')}"/>
<span th:text="${#strings.contains(msg,'T')}"/>
<hr/>
<span th:text="${#strings.startsWith(msg,'a')}"/>
<span th:text="${#strings.startsWith(msg,'T')}"/>
<hr/>
<span th:text="${#strings.endsWith(msg,'a')}"/>
<hr/>
<span th:text="${#strings.indexOf(msg,'h')}"/>
<hr/>
<span th:text="${#strings.substring(msg,13)}"/>
<span th:text="${#strings.substring(msg,13,14)}"/>
<hr/>
<span th:text="${#strings.toUpperCase(msg)}"/>
<span th:text="${#strings.toLowerCase(msg)}"/>
<hr/>
<span th:text="${#dates.format(key)}"/>
<hr/>
<span th:text="${#dates.format(key,'yyy/MM/dd')}"/>
<hr/>
<span th:text="${#dates.year(key)}"/>
<hr/>
<span th:text="${#dates.month(key)}"/>
<hr/>
<span th:text="${#dates.day(key)}"/>
</body>
</html>

启动项目，访问浏览器：http://localhost:8080/show5

基本语法实战案例02

在ThymeleafController中添加此方法

@RequestMapping("/show2")public String showInfo2(Model model) {model.addAttribute("sex", "男");model.addAttribute("id", "2");return "index2";}

在src/main/resources/templates目录下面，新建index2.html

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Thymeleaf入门</title>
</head>
<body><span th:if="${sex}=='男'">性别:男</span><span th:if="${sex}=='女'">性别:女</span><div th:switch="${id}"><span th:case="1">id为1</span><span th:case="2">id为2</span><span th:case="3">id为3</span></div>
</body>
</html>

启动项目，访问浏览器：http://localhost:8080/show2

基本语法实战案例03

在ThymeleafController中添加此方法

@RequestMapping("/show3")public String showInfo3(Model model) {List<User> list = new ArrayList<>();list.add(new User(1, "zhangsan", 20));list.add(new User(2, "lisi", 21));list.add(new User(3, "wangwu", 22));model.addAttribute("list", list);return "index3";}

在src/main/resources/templates目录下面，新建index3.html

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Thymeleaf入门</title>
</head>
<body>
<table border="1"><tr><th>ID</th><th>Name</th><th>Age</th><th>Index</th><th>Count</th><th>Size</th><th>Even</th><th>Odd</th><th>First</th><th>Last</th><th>Current</th></tr><tr th:each="u,var:${list}"><td th:text="${u.userid}"></td><td th:text="${u.username}"></td><td th:text="${u.userage}"></td><td th:text="${var.index}"></td><td th:text="${var.count}"></td><td th:text="${var.size}"></td><td th:text="${var.even}"></td><td th:text="${var.odd}"></td><td th:text="${var.first}"></td><td th:text="${var.last}"></td><td th:text="${var.current}"></td></tr>
</table>
</table>
</body>
</html>

启动项目，访问浏览器：http://localhost:8080/show3

基本语法实战案例04

在ThymeleafController中添加此方法

@RequestMapping("/show4")public String showInfo4(Model model) {Map<String, Object> map = new HashMap<>();map.put("u1", new User(1, "zhangsan", 20));map.put("u2", new User(2, "lisi", 21));map.put("u3", new User(3, "wangwu", 22));model.addAttribute("map", map);return "index4";}

在src/main/resources/templates目录下面，新建index4.html

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Thymeleaf入门</title>
</head>
<body>
<table border="1"><tr><th>ID</th><th>Name</th><th>Age</th></tr><tr th:each="maps :${map}"><td th:text="${maps}"></td></tr>
</table>
<table border="1"><tr><th>ID</th><th>Name</th><th>Age</th></tr><tr th:each="maps :${map}"><td th:each="entry:${maps}" th:text="${entry.key}"></td><td th:each="entry:${maps}" th:text="${entry.value}"></td></tr>
</table>
<table border="1"><tr><th>ID</th><th>Name</th><th>Age</th></tr><tr th:each="maps :${map}"><td th:each="entry:${maps}" th:text="${entry.key}"></td><td th:each="entry:${maps}" th:text="${entry.value.username}"></td></tr>
</table>
<table border="1"><tr><th>ID</th><th>Name</th><th>Age</th></tr><tr th:each="maps :${map}"><td th:each="entry:${maps}" th:text="${entry.value.userid}"></td><td th:each="entry:${maps}" th:text="${entry.value.username}"></td><td th:each="entry:${maps}" th:text="${entry.value.userage}"></td></tr>
</table>
</body>
</html>

启动项目，访问浏览器：http://localhost:8080/show4

本文源码下载：

github地址：
https://github.com/gb-heima/Spring-Boot-Actual-Combat/tree/master/parent/spring-boot-chapter-7

第七篇：Spring Boot整合Thymeleaf_入门试炼03相关推荐

第七篇：Spring Boot整合Thymeleaf_入门试炼02
Thymeleaf 语法详解: 变量输出与字符串操作变量输出与字符串操作 th:text 在页面中输出值变量输出与字符串操作 th:value 可以将一个值放入到input标签的value中判断 ...
第八篇：Spring Boot整合Thymeleaf_入门试炼04
继承parent父工程,新建一个子项目,名称为spring-boot-chapter-8 1.引入 thymeleaf 模板依赖 < ...
第七篇：Spring Boot 整合_Thymeleaf 入门试炼 QuickStart
1.1 添加依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId> ...
Elasticsearch实战篇——Spring Boot整合ElasticSearch
2019独角兽企业重金招聘Python工程师标准>>> 当前Spring Boot很是流行,包括我自己,也是在用Spring Boot集成其他框架进行项目开发,所以这一节,我们一起来 ...
ElasticSearch实战篇 - Spring Boot 整合 ElasticSearch
点击上方 Java后端,选择设为星标优质文章,及时送达作者:冯文议链接:segmentfault.com/a/1190000018625101 当前Spring Boot很是流行,包括我自己, ...
eureka集群只注册一个_Spring cloud系列教程第十篇- Spring cloud整合Eureka总结篇
Spring cloud系列教程第十篇- Spring cloud整合Eureka总结篇本文主要内容: 1:spring cloud整合Eureka总结本文是由凯哥(凯哥Java:kagejava ...
Spring Boot整合Redis以及Redis的原理
Redis的原理及知识 Redis简介 redis是一个key-value.和Memcached类似,它支持存储的value类型相对更多,包括string(字符串).list(链表).set(集合). ...
spring boot整合SpringSecurity-03 自定义报错信息
spring boot整合SpringSecurity 目录 spring boot整合SpringSecurity-01入门 spring boot整合SpringSecurity-02 基于Ser ...
MongoDB简单入门篇及其Spring Boot整合
参考视频 ① MongoDB简介简介 MongoDB是为快速开发互联网Web应用而设计的数据库系统 MongoDB的设计目标是极简.灵活. 作为Web应用栈的一部分 MongoDB是No SQL数据 ...

第七篇：Spring Boot整合Thymeleaf_入门试炼03

基本语法实战案例01

基本语法实战案例02

基本语法实战案例03

基本语法实战案例04

第七篇：Spring Boot整合Thymeleaf_入门试炼03相关推荐

最新文章

热门文章