前端模板引擎Thymeleaf的整合和使用

Nuyoah

于 2023-11-08 09:18:55 发布

阅读量93

点赞数

文章标签：前端 spring boot

本文链接：https://blog.csdn.net/2302_76919953/article/details/134280778

版权

Thymeleaf是一种用于构建Java Web应用程序的服务器端Java模板引擎，可以与Spring MVC框架无缝集成。它旨在将静态模板与动态数据进行结合，生成最终的HTML页面。

Thymeleaf的主要特点和功能包括：

自然模板语法：使用类似HTML的自然模板语法，可以在HTML文件中直接插入动态内容，并且这些内容在浏览器中也可以正常显示，即使没有进行模板处理。
表达式语言：支持强大的表达式语言，可以在模板中访问和操作应用程序中的数据。这些表达式可以用于输出变量、迭代集合、条件判断、属性赋值等。
模板片段和布局：允许将模板分割为可重用的片段，并在其他模板中进行引用。这样可以更好地组织和管理模板，提高代码的可维护性和重用性。
国际化支持：提供国际化和本地化的支持，可以根据用户的语言环境来选择合适的文本内容。
表单处理：提供方便的表单处理功能，可以自动生成表单字段、验证输入数据，并且支持表单数据的绑定和处理。
安全性：具有内置的防止常见Web攻击的安全功能，例如跨站点脚本（XSS）和SQL注入。
扩展性：可以通过插件机制进行扩展，可以集成其他技术和框架，例如Spring Framework。

Thymeleaf是一个功能强大、易于使用和灵活的模板引擎，适用于构建Java Web应用程序。它的语法简洁、功能丰富，能够有效地将动态数据和静态模板结合在一起，生成具有动态内容的HTML页面。

在Spring Boot中整合Thymeleaf模板引擎非常简单，只需要添加相应的依赖即可。下面是具体的步骤：

在pom.xml文件中添加Thymeleaf依赖：

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

2.在application.properties文件中配置Thymeleaf模板引擎：

spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.cache=false
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.mode=HTML

其中，prefix和suffix属性分别指定了Thymeleaf模板文件存放的目录和文件后缀名；cache属性表示是否开启缓存；encoding属性指定了模板文件的编码格式；mode属性指定了Thymeleaf的渲染模式，这里使用的是HTML模式。

3.创建一个Controller类，处理请求并返回Thymeleaf模板页面：

@Controller
public class MyController {
    @RequestMapping("/")
    public String index() {
        return "index";
    }
}

4.在templates目录下创建一个index.html文件，作为主页模板：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Welcome to Spring Boot with Thymeleaf</title>
</head>
<body>
    <h1 th:text="${message}">Hello, Thymeleaf!</h1>
</body>
</html>

在上面的代码中，我们使用了Thymeleaf的语法来显示一个变量message的值。这个变量需要在Controller类中定义并传入模型中：

@Controller
public class MyController {
    @RequestMapping("/")
    public String index(Model model) {
        model.addAttribute("message", "Hello, Thymeleaf!");
        return "index";
    }
}

现在，当我们运行Spring Boot应用程序并访问根路径时，就会看到Thymeleaf渲染后的页面了。

Nuyoah

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
前端模板引擎Thymeleaf的整合和使用

其中，prefix和suffix属性分别指定了Thymeleaf模板文件存放的目录和文件后缀名；mode属性指定了Thymeleaf的渲染模式，这里使用的是HTML模式。Thymeleaf是一个功能强大、易于使用和灵活的模板引擎，适用于构建Java Web应用程序。它的语法简洁、功能丰富，能够有效地将动态数据和静态模板结合在一起，生成具有动态内容的HTML页面。它旨在将静态模板与动态数据进行结合，生成最终的HTML页面。在上面的代码中，我们使用了Thymeleaf的语法来显示一个变量message的值。
复制链接

扫一扫