thymeleaf 多条件判断_7,SpringBoot整合模板引擎Thymeleaf

1,模板引擎的工作流程

v2-2a7f5e3ace0a55671bdcdca4c0317494_b.jpg

2,回顾之前学过的JSP技术

那么JSP是一种什么样的运行机制?大家可以回想一下?

同一个JSP文件,第一次被访问和第二次被访问,经历的处理流程是否一样?

3,什么是Thymeleaf?

Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎
相较与其他的模板引擎,它有一个最大的特点是:
Thymeleaf,它可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页面效果。
这是由于它支持 html 原型,然后通过在html 标签里增加额外的属性来达到模板+数据的展示的效果
比如:
<a th:text="${url}">百度</a>
浏览器解释 html 时会忽略未定义的标签属性,所以 thymeleaf 的模板可以静态地运行;
当有数据返回到页面时,Thymeleaf 标签会动态地替换掉静态内容,使页面动态显示。

4,引入依赖

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

5,开发阶段设置不要缓存

spring:
​   thymeleaf:
      cache: false

6,创建模板文件

文件存放的位置:resource目录下创建templates目录

创建文件,<html xmlns:th="http://www.thymeleaf.org">

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"></meta>
<title>Insert title here</title>
</head>
<body>
	Hello Spring Boot!!!!
</body>
</html>

7,常见的各种标签及配置

1,后台程序,依然通过model来保存值即可
2,前端页面,引入标签声明:<html xmlns:th=" http://www. thymeleaf.org ">
  • 字符串
欢迎:<span th:text="${username}"></span><br/>
欢迎:<span th:text="超级VIP+${username}"></span><br/>
欢迎:<span th:text="|超级VIP,${username}|"></span><br/>

条件判断

条件为真,则显示
所处的年龄段
<span th:if="${age > 33}">老腊肉</span>
<span th:if="${age <= 18}">小鲜肉</span>
条件不为真,则显示
<span th:unless="${age>18}" th:text="未超过18岁"></span>
三元运算符
<span th:text="${age>18 ? '长大了':'未成年'}"></span>

循环 th:each="stu : ${stus}"

<

日期格式化

<input th:value="${#dates.format(now,'yyyy-MM-dd HH:mm:ss')}"/>

8,解决编辑页面红色警告的问题

解决:File -> Settings -> Editor -> Inspections找到Thmeleaf,将后边的√取消选中就可以了
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值