thymeleaf 多条件判断_SpringBoot 4整合 Thymeleaf

最新推荐文章于 2021-08-03 12:33:00 发布

weixin_39787057

最新推荐文章于 2021-08-03 12:33:00 发布

阅读量311

点赞数

文章标签： thymeleaf 多条件判断

v2-8f78a034de0b87d9fac494c95bd23f7a_1440w.jpg?source=172ae18b

创建 Thymeleaf 的入门项目

修改 pom 文件添加坐标

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-parent</artifactId> <version>1.5.10.RELEASE</version> </parent> <groupId>com.bjsxt</groupId> <artifactId>10-spring-boot-view-thymeleaf</artifactId> <version>0.0.1-SNAPSHOT</version>

<dependencies>  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency>  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> </dependencies> </project>

Thymeleaf特点：

Thymelaef 是通过他特定语法对 html 的标记做渲染。

编写 Controller

@Controller 
public class DemoController {
 @RequestMapping("/show") 
public String showInfo(Model model){ 
model.addAttribute("msg", "Thymeleaf 第一个案例"); 
return "index"; } }

创建视图 .html

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Thymeleaf 入门</title> </head> <body> <span th:text="Hello"></span> <hr/> <span th:text="${msg}"></span> </body> </html>

编写启动类

@SpringBootApplication public class App {
public static void main(String[] args) { 
SpringApplication.run(App.class, args);
 }
}

Thymeleaf 语法详解

变量输出与字符串操作

1.th:text

th:text 在页面中输出值

2th:value

th:value 可以将一个值放入到 input 标签的 value 中

3 判断字符串是否为空

Thymeleaf 内置对象注意语法： 1，调用内置对象一定要用# 2，大部分的内置对象都以 s 结尾 strings、numbers、dates

${#strings.isEmpty(key)} 判断字符串是否为空，如果为空返回 true，否则返回 false

${#strings.contains(msg,'T')} 判断字符串是否包含指定的子串，如果包含返回 true，否则返回 false

${#strings.startsWith(msg,'a')} 判断当前字符串是否以子串开头，如果是返回 true，否则返回 false

${#strings.endsWith(msg,'a')} 判断当前字符串是否以子串结尾，如果是返回 true，否则返回 false

${#strings.length(msg)}

返回字符串的长度

${#strings.indexOf(msg,'h')} 查找子串的位置，并返回该子串的下标，如果没找到则返回-1

${#strings.substring(msg,13)} ${#strings.substring(msg,13,15)} 截取子串，用户与 jdkString 类下 SubString 方法相同

${#strings.toUpperCase(msg)} ${#strings.toLowerCase(msg)}

字符串转大小写。

日期格式化处理

${#dates.format(key)}

格式化日期，默认的以浏览器默认语言为格式化标准

${#dates.format(key,'yyy/MM/dd')}

按照自定义的格式做日期转换

${#dates.year(key)} ${#dates.month(key)} ${#dates.day(key)} year：取年 Month：取月 Day：取日

条件判断

1th:if

3.3.2th:switch

4迭代遍历

1th:each

@RequestMapping("/show3") public String showInfo3(Model model){ List<Users> list = new ArrayList<>(); list.add(new Users(1,"张三",20)); list.add(new Users(2,"李四",22)); list.add(new Users(3,"王五",24)); model.addAttribute("list", list); return "index3"; } <table border="1"> <tr> <th>ID</th> <th>Name</th> <th>Age</th> </tr> <tr th:each="u : ${list}"> <td th:text="${u.userid}"></td> <td th:text="${u.username}"></td> <td th:text="${u.userage}"></td> </tr> </table>

2ht:each 状态变量

} <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>lase</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> </tr> </table> 状态变量属性 1,index:当前迭代器的索引从 0 开始 2,count:当前迭代对象的计数从 1 开始 3,size:被迭代对象的长度 4,even/odd:布尔值，当前循环是否是偶数/奇数从 0 开始 5,first:布尔值，当前循环的是否是第一条，如果是返回 true 否则返回 false 6,last:布尔值，当前循环的是否是最后一条，如果是则返回 true 否则返回 false

3th:each 迭代 Map

@RequestMapping("/show4") public String showInfo4(Model model){ Map<String, Users> map = new HashMap<>(); map.put("u1", new Users(1,"张三",20)); map.put("u2", new Users(2,"李四",22));

map.put("u3", new Users(3,"王五",24)); model.addAttribute("map", map); return "index4";

} <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> <th/> <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>

5域对象操作

3.5.1HttpServletRequest

request.setAttribute("req", "HttpServletRequest"); Request:<span th:text="${#httpServletRequest.getAttribute('req')}"></span><br/>

3.5.2HttpSession

request.getSession().setAttribute("sess", "HttpSession"); Session:<span th:text="${session.sess}"></span><br/>

3ServletContext

request.getSession().getServletContext().setAttribute("app", "Application"); Application:<span th:text="${Welcome to application.app}"></span>

6URL 表达式

th:href th:src

3.6.1url 表达式语法

基本语法：@{}

2URL 类型

1绝对路径 <a th:href="@{百度一下，你就知道}">绝对路径</a><br/>

2 相对路径 1)相对于当前项目的根相对于项目的上下文的相对路径 <a th:href="@{/show}">相对路径</a>

2) 相对于服务器路径的根 <a th:href="@{~/project2/resourcename}">相对于服务器的根</a>

3 在 url 中实现参数传递

4 在 url 中通过 restful 风格进行参数传递

<a th:href="@{/path/{id}/show(id=1,name=zhagnsan)}"> 相对路径 - 传参 -restful</a>

weixin_39787057

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
thymeleaf 多条件判断_SpringBoot 4整合 Thymeleaf

创建 Thymeleaf 的入门项目修改 pom 文件添加坐标<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://...
复制链接

扫一扫