Thymeleaf模板引擎快速入门

最新推荐文章于 2025-05-03 15:57:46 发布

原创最新推荐文章于 2025-05-03 15:57:46 发布 · 301 阅读

0 ·

CC 4.0 BY-SA版权

青橙商城专栏收录该内容

30 篇文章

订阅专栏

本文是Thymeleaf模板引擎的快速入门教程。首先介绍了Thymeleaf的基本概念，接着通过创建Maven工程并引入依赖，演示如何创建模板文件，并在测试类中编写代码来生成HTML。最后，提到了Thymeleaf如何请求controller的资源，并提醒在实际使用中通常会将配置放在配置文件中进行管理。

一、概念

在这里插入图片描述

二、快速入门

在这里插入图片描述

（1）创建测试无骨架maven工程，引入依赖

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.itheima</groupId>
    <artifactId>Thymeleaf_Demo</artifactId>
    <version>1.0-SNAPSHOT</version>

    <dependencies>
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf</artifactId>
            <version>3.0.11.RELEASE</version>
        </dependency>
    </dependencies>
    
</project>

（2）创建模板。在resources目录下创建test.html（这个html是一个模板，我们就是根据这个模板生成其他的html或者动态生成html）:
在这里插入图片描述

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>thymeleaf模板</title>
</head>
<body>

<span th:text="${name}"></span>
</body>
</html>

（3）创建测试类，编写代码在这里插入图片描述

package com.itheima.demo;

import org.thymeleaf.TemplateEngine;
import org.thymeleaf.context.Context;
import org.thymeleaf.templatemode.TemplateMode;
import org.thymeleaf.templateresolver.ClassLoaderTemplateResolver;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.PrintWriter;
import java.io.UnsupportedEncodingException;
import java.util.HashMap;
import java.util.Map;

/**
 * @author QLBF
 * @version 1.0
 * @date 2021/4/24 9:19
 */
public class ThyDemo {
    public static void main(String[] args) throws FileNotFoundException, UnsupportedEncodingException {
        // 1.上下文
        Context context=new Context();
        //创建数据模型(给text。html模板用的)
        Map<String,Object> dataModel=new HashMap<String, Object>();
        dataModel.put("name","青橙电商系统1");
        context.setVariables(dataModel);
        // 2.准备文件
        //File dest = new File("d:/test_out.html");
        File dest=new File("d:/thymeleaf_test/test_out.html");
        // 3.生成页面
        PrintWriter writer = new PrintWriter(dest,"UTF-8");
        //模板解析器
        ClassLoaderTemplateResolver resolver = new ClassLoaderTemplateResolver();
        //模板模型
        resolver.setTemplateMode(TemplateMode.HTML);
        resolver.setSuffix(".html");
        //创建模板引擎
        TemplateEngine engine=new TemplateEngine();
        //设置模板解析器
        engine.setTemplateResolver(resolver);
        //执行模板引擎
        engine.process("test",context,writer);
    }
}