Thymeleaf笔记

最新推荐文章于 2024-07-10 21:37:49 发布

IT界扛把子。

最新推荐文章于 2024-07-10 21:37:49 发布

阅读量112

点赞数

分类专栏： Thymeleaf 文章标签： java

本文链接：https://blog.csdn.net/ABCadq/article/details/112258612

版权

Thymeleaf 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章目录

1、简介
2、特点
3、快速入门
4、表达式
- 4.1 标准表达式

1、简介

官网：https://www.thymeleaf.org

Thymeleaf是用来开发Web和独立环境项目的现代服务器端Java模板引擎。
Thymeleaf的主要目标是为您的开发工作流程带来优雅的自然模板 - HTML。可以在直接浏览器中正确
显示，并且可以作为静态原型，从而在开发团队中实现更强大的协作。
借助Spring Framework的模块，可以根据自己的喜好进行自由选择，可插拔功能组件，Thymeleaf是现代HTML5 JVM
Web开发的理想选择 - 尽管它可以做的更多。
Spring官方支持的服务的渲染模板中，并不包含jsp。而是Thymeleaf和Freemarker等，而Thymeleaf与
SpringMVC的视图技术，及SpringBoot的自动化配置集成非常完美，几乎没有任何成本，你只用关注Thymeleaf的语法即可。

2、特点

动静结合：Thymeleaf
在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持
html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以
thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。
开箱即用：它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、
OGNL表达式效果，避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。
多方言支持：Thymeleaf 提供spring标准方言和一个与 SpringMVC
完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。
与SpringBoot完美整合，SpringBoot提供了Thymeleaf的默认配置，并且为Thymeleaf设置了视图解析器，我们可以像以前操作jsp一样来操作Thymeleaf。代码几乎没有任何区别，就是在模板语法上有区别。

3、快速入门

3.1创建SpringBoot应用

在这里插入图片描述

3.2导入pom依赖

                 <!--    web依赖    -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

             <!--  Springboot-thymeleaf依赖    -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

3.3创建控制器

/**
 * @author 赖增根
 * @date 2021-01-03 10:58
 */
@Controller
public class HelloController {

    @RequestMapping("/home")
    public String hello(Model model) {
        model.addAttribute("message", "Hello,Thymeleaf");
        return "home";  
}

3.4创建界面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>thymeleaf</title>
</head>
<body>
<p th:text="${message}"></p>
</body>
</html>