thymeleaf笔记

最新推荐文章于 2024-08-13 20:32:39 发布

CharmDeer

最新推荐文章于 2024-08-13 20:32:39 发布

阅读量134

点赞数 1

分类专栏： SpringBoot学习文章标签： spring boot java html

本文链接：https://blog.csdn.net/m0_57249797/article/details/120226183

版权

SpringBoot学习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文介绍了如何在SpringBoot中集成Thymeleaf模板引擎，包括添加依赖、基本使用示例和关键的Thymeleaf语法，如文本替换和HTML属性修改。通过实例演示了模板引擎在前后端分离中的便利性。

摘要由CSDN通过智能技术生成

1、简单介绍thymeleaf

因为SpringBoot不支持JSP（SpringBoot打包为jar包）因此可以使用与其契合度较高的
thymeleaf模板引擎

模板引擎

JSP（本质是Servlet）、Velocity、Freemarker、Thymeleaf(springboot推荐)
模板引擎的作用：
请添加图片描述
所有的模板引擎思想都是一样的，将HTML页面与数据通过模板引擎整合（解析融入HTML存取数据、判断等的表达式），组合成为一个综合文件，然后通过解析的方式输出（不能直接访问与打开）
不同模板引擎的区别在于语法不一样

2、引入springboot推荐的Thymeleaf

第一步添加依赖：

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

可对其切换版本（略）

3、Thymeleaf使用&语法

请添加图片描述
重点： 只要我们把HTML页面放在classpath:/templates/下面，thymeleaf就能自动渲染

@Controller
public class success {

    @RequestMapping("success")
    public String Success(){


        return "success";
    }
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>成功</h1>

</body>
</html>

在这里插入图片描述
使用：

导入thymeleaf的名称空间（可以不导，结果就是没有代码提示）

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

使用thymeleaf语法：

<!--th:text将div里面的文本值设置为${}里面的值,报错是idea的检查问题-->
    <div th:text="${hello}">这是显示欢迎信息</div>

特点一：直接用前端浏览器打开：
在这里插入图片描述

通过后端转发打开：
在这里插入图片描述
极大的方便了前后端分工

4、语法规则

1)、th:text; 改变当前元素里面的文本内容（上面已经示例）
2)、th:任意html属性;来替换原生属性的值
例：在这里插入图片描述
结果：

更多详情1：https://www.cnblogs.com/jnba/p/10832878.html
更多详情2：https://www.jianshu.com/p/d1370aeb0881
更多详情3：https://blog.csdn.net/weixin_45636641/article/details/108249715
更多介绍：https://blog.csdn.net/qq_34598667/article/details/94462934

CharmDeer

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
thymeleaf笔记

1、简单介绍thymeleaf因为SpringBoot不支持JSP（SpringBoot打包为jar包）因此可以使用与其契合度较高的thymeleaf模板引擎模板引擎JSP（本质是Servlet）、Velocity、Freemarker、Thymeleaf(springboot推荐)模板引擎的作用：所有的模板引擎思想都是一样的，将HTML页面与数据通过模板引擎整合（解析融入HTML存取数据、判断等的表达式），组合成为一个综合文件，然后通过解析的方式输出（不能直接访问与打开）不同模板引擎的区别
复制链接

扫一扫