spring boot 之Thymleaf模板引擎

最新推荐文章于 2021-11-18 09:28:28 发布

多学就会融会贯通

最新推荐文章于 2021-11-18 09:28:28 发布

阅读量138

点赞数

分类专栏：高级框架

本文链接：https://blog.csdn.net/ss123mlk/article/details/106998400

版权

高级框架专栏收录该内容

5 篇文章 0 订阅

订阅专栏

ssm中使用jsp作为前端页面
springboot不支持jsp但是支持模板引擎+html

缓存

在application.properties配置文件中关闭模板的缓存避免开发的过程中有了变更但是刷新不出来等真正上线的时候再打开

# ThymeleafProperties
spring.thymeleaf.cache=false

配置

在这里插入图片描述
将模板和数据结合一起替换变量显示出来页面
springboot2.x只需要导入依赖

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

使用

在控制层直接拼接 return转到classpath:/templates/路径下的 html前端页面
在html页面当中的使用：

需要导入语法提示

<html lang="en" xmlns:th="http://www.thymeleaf.org">

在这里插入图片描述
2. 用法

属性

在这里插入图片描述

5种表达式

在这里插入图片描述

$()
比如获取model and view中的参数
#()

<b th:text="${#dates.format(map.post.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-15 15:32:18</b>

模板内置对象通过#来调用接着用${#内置对象.属性}来使用属性
在这里插入图片描述

*{}
和${}类似但是有优化的一点

优秀于
@{}定义url链接
~{} 引用

一个分页的模板实例

里面包含了链接获取参数使用封装工具还有判断等

<!-- 分页 -->
				<nav class="mt-5" th:if="${page.rows>0}">
					<ul class="pagination justify-content-center">
						<li class="page-item">
							<a class="page-link" th:href="@{${page.path}(current=1)}">首页</a>
						</li>
						<li th:class="|page-item ${page.current==1?'disabled':''}|">
							<a class="page-link" th:href="@{${page.path}(current=${page.current-1})}">上一页</a></li>
						<li th:class="|page-item ${i==page.current?'active':''}|" th:each="i:${#numbers.sequence(page.from,page.to)}">
							<a class="page-link" href="#" th:text="${i}">1</a>
						</li>
						<li th:class="|page-item ${page.current==page.total?'disabled':''}|">
							<a class="page-link" th:href="@{${page.path}(current=${page.current+1})}">下一页</a>
						</li>
						<li class="page-item">
							<a class="page-link" th:href="@{${page.path}(current=${page.total})}">末页</a>
						</li>
					</ul>
				</nav>

可以使用${参数}(参数后面要拼接的)来表示正常的拼接这是 ${}的一个功能

使用工具类

th 和class 放在一起

多学就会融会贯通

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
spring boot 之Thymleaf模板引擎

ssm中使用jsp作为前端页面springboot不支持jsp但是支持模板引擎+html配置将模板和数据结合一起替换变量显示出来页面springboot2.x只需要导入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </depende
复制链接

扫一扫

专栏目录