SpringBoot——SpringBoot 集成 Thymeleaf 模板

最新推荐文章于 2024-05-02 21:23:35 发布

莫得情感的码农

最新推荐文章于 2024-05-02 21:23:35 发布

阅读量649

点赞数

本文链接：https://blog.csdn.net/liuhaiyang98/article/details/120599442

版权

Spring Boot 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

1 认识 Thymeleaf

2 在SpringBoot使用

2.1 创建一个springboot项目

2.2 在pom.xml文件中会自动添加SpringBoot集成Thymeleaf的起步依赖（剩下的默认配置就中）

2.3 核心配置文件

2.4 写一个controller类

2.5 写一个html页面展示数据

1 认识 Thymeleaf

Thymeleaf 是一个流行的模板引擎，该模板引擎采用 Java 语言开发。

模板引擎是一个技术名词，是跨领域跨平台的概念，在 Java 语言体系下有模板引擎，在 C#、PHP 语言体系下也有模板引擎，甚至在 JavaScript 中也会用到模板引擎技术，Java 生态下的模板引擎有 Thymeleaf 、Freemaker、Velocity、Beetl（国产）等。

Thymeleaf 对网络环境不存在严格的要求，既能用于 Web 环境下，也能用于非 Web 环
境下。在非 Web 环境下，他能直接显示模板上的静态数据；在 Web 环境下，它能像 Jsp 一
样从后台接收数据并替换掉模板上的静态数据。它是基于 HTML 的，以 HTML 标签为载体，
Thymeleaf 要寄托在 HTML 标签下实现。

SpringBoot 集成了 Thymeleaf 模板技术，并且 Spring Boot 官方也推荐使用 Thymeleaf 来
替代 JSP 技术，Thymeleaf 是另外的一种模板技术，它本身并不属于 Spring Boot，Spring Boot只是很好地集成这种模板技术，作为前端页面的数据展示，在过去的 Java Web 开发中，我们往往会选择使用 Jsp 去完成页面的动态渲染，但是 jsp 需要翻译编译运行，效率低。

Thymeleaf 的官方网站：https://www.thymeleaf.org/

Thymeleaf 官方手册：https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html

2 在SpringBoot使用

2.1 创建一个springboot项目

2.2 在pom.xml文件中会自动添加SpringBoot集成Thymeleaf的起步依赖（剩下的默认配置就中）

<!--        springboot框架集成Thymeleaf起步依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

2.3 核心配置文件

#设置thymeleaf模板引擎的缓存，设置为false关闭，默认是开启
spring.thymeleaf.cache=false

#设置thymeleaf模板引擎的前后缀（可写可不写） 一般都是默认的
spring.thymeleaf.prefix=classpath:/templates/
spring.mvc.view.suffix=.html

2.4 写一个controller类

package com.liuhaiyang.springboot.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class UserController {

    @RequestMapping("/index")
    public String index(Model model){
        model.addAttribute("data","springBoot  Thymeleaf");
        return "index";
    }

}

2.5 写一个html页面展示数据

在 src/main/resources 的 templates 下新建一个 index.html 页面用于展示数据

HTML 页面的<html>元素中加入以下属性：<html xmlns:th="http://www.thymeleaf.org">

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:text="${data}">xxx</div>
<h1 th:text="${data}">xxx</h1>
<span th:text="${data}">xxx</span>
</body>
</html>

结果截图：

莫得情感的码农

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot——SpringBoot 集成 Thymeleaf 模板

1认识 ThymeleafThymeleaf 是一个流行的模板引擎，该模板引擎采用 Java 语言开发。模板引擎是一个技术名词，是跨领域跨平台的概念，在 Java 语言体系下有模板引擎，在 C#、PHP 语言体系下也有模板引擎，甚至在 JavaScript 中也会用到模板引擎技术，Java 生态下的模板引擎有 Thymeleaf 、Freemaker、Velocity、Beetl（国产）等。Thymeleaf 对网络环境不存在严格的要求，既能用于 Web 环境下，也能用于非 Web 环境.
复制链接

扫一扫