文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎么用Thymeleaf创建Spring Boot项目

2024-04-02 19:55

关注

这篇“怎么用Thymeleaf创建Spring Boot项目”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“怎么用Thymeleaf创建Spring Boot项目”文章吧。

Thymeleaf是一个表现层的模板引擎,一般被使用在Web环境中。
Thymeleaf支持多种模板类型:HTML、XML、JavaScript、CSS和普通文本等,默认提供了6种模板处理模式:HTML、XML、TEXT、JAVASCRIPT 、CSS和RAW。最后一个RAW表示不会对模板进行处理。

开发环境:IntelliJ IDEA 2019.2.2
Spring Boot版本:2.1.8

新建一个名称为demo的Spring Boot项目。
pom.xml加入Thymeleaf依赖:

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

一、处理HTML

新建一个类HtmlTest.java

package com.example.demo;

import org.thymeleaf.TemplateEngine;
import org.thymeleaf.context.Context;

public class HtmlTest {
    public static void main(String[] args){
        TemplateEngine templateEngine = new TemplateEngine();
        Context ctx = new Context();
        String html = "<input type='' th:value='lc' />";
        String result = templateEngine.process(html, ctx);
        System.out.println(result);
    }
}

右键Run 'XmlTest.main()',控制台输出:

<input type='' value='lc' />

根据输出可知,TemplateEngine类会将含有Thymeleaf逻辑的HTML代码转换成纯HTML输出,这就是模板引擎的作用。

二、更换模板解析器

默认情况下,模板处理模式为HTML,可以设置不同的解析器。
新建一个类XmlTest.java

package com.example.demo;

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

public class XmlTest {
    public static void main(String[] args){
        TemplateEngine templateEngine = new TemplateEngine();
        //新建模板解析器
        StringTemplateResolver resolver = new StringTemplateResolver();
        //设置模板模式为XML
        resolver.setTemplateMode(TemplateMode.XML);
        //将解析器设置到引擎实例中
        templateEngine.setTemplateResolver(resolver);
        Context ctx = new Context();
        String xml = "<bean id=\"bean1\" th:attr='class=com.example.demo'></bean>";
        String result = templateEngine.process(xml, ctx);
        System.out.println(result);
    }
}

右键Run 'HtmlTest.main()',控制台输出:

<bean id="bean1" class="com.example.demo"></bean>

三、处理资源文件

可以为模板引擎设置资源解析器,让它去找文件进行处理。

1、在src/main/resources下新建文件index.html,只保留下面一行代码

<input type='' th:value='lc' />

2、新建一个类 ClassLoaderTest.java

package com.example.demo;

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

public class ClassLoaderTest {
    public static void main(String[] args) {
        TemplateEngine templateEngine = new TemplateEngine();
        //创建解析器
        ClassLoaderTemplateResolver resolver = new ClassLoaderTemplateResolver();
        //将解析器设置到引擎实例中
        templateEngine.setTemplateResolver(resolver);
        //处理classpath下的index.html
        String result = templateEngine.process("index.html", new Context());
        System.out.println(result);
    }
}

右键Run 'ClassLoaderTest.main()',控制台输出:

<input type='' value='lc' />

四、变量处理

可以通过Context实例设置变量值。

1、在src/main/resources下新建文件var.html

<input type='' th:value='${userName}' />

2、新建一个类 VarTest.java

package com.example.demo;

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

public class VarTest {
    public static void main(String[] args) {
        TemplateEngine templateEngine = new TemplateEngine();
        ClassLoaderTemplateResolver resolver = new ClassLoaderTemplateResolver();
        templateEngine.setTemplateResolver(resolver);
        Context ctx = new Context();
        ctx.setVariable("userName", "lc");
        String result = templateEngine.process("var.html", ctx);
        System.out.println(result);
    }
}

右键Run 'VarTest.main()',控制台输出:

<input type='' value='lc' />

五、遍历集合

1、在src/main/resources下新建文件iteration.html

<table>
    <tr th:each="data : ${datas}">
        <td th:text="${data}">姓名</td>
    </tr>
</table>

2、新建一个类 IterationTest.java

package com.example.demo;

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

import java.util.ArrayList;
import java.util.List;

public class IterationTest {
    public static void main(String[] args) {
        TemplateEngine templateEngine = new TemplateEngine();
        ClassLoaderTemplateResolver resolver = new ClassLoaderTemplateResolver();
        templateEngine.setTemplateResolver(resolver);
        List<String> datas = new ArrayList<String>();
        datas.add("张三");
        datas.add("李四");
        Context ctx = new Context();
        ctx.setVariable("datas", datas);
        ctx.setVariable("username", "lc");
        String result = templateEngine.process("iteration.html", ctx);
        System.out.println(result);
    }
}

右键Run 'IterationTest.main()',控制台输出:

<table>
    <tr>
        <td>张三</td>
    </tr>
    <tr>
        <td>李四</td>
    </tr>
</table>

六、设置前缀与后缀

1、在src/main/resources/templates下新建文件index.html

<input type='' th:value='lc' />

2、新建一个类 PrefixSuffixTest.java

package com.example.demo;

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

public class PrefixSuffixTest {
    public static void main(String[] args) {
        TemplateEngine templateEngine = new TemplateEngine();
        ClassLoaderTemplateResolver resolver = new ClassLoaderTemplateResolver();
        resolver.setPrefix("/templates/");
        resolver.setSuffix(".html");
        templateEngine.setTemplateResolver(resolver);
        String result = templateEngine.process("index", new Context());
        System.out.println(result);
    }
}

右键Run 'PrefixSuffixTest.main()',控制台输出:

<input type='' value='lc' />

七、Spring Boot中整合Thymeleaf

1、pom.xml加入Thymeleaf依赖:

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

2、application.yml
备注,下面配置的值都为默认值,实际上可不配置。

spring:
  thymeleaf:
    mode: HTML
    prefix: classpath:/templates/
    suffix: .html

3、在src/main/resources/templates下新建文件test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type='' th:value='${userName}' />
</body>
</html>

4、新建一个控制器类 DemoController.java

package com.example.demo;

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

@Controller
public class DemoController {
    @RequestMapping("/test")
    public String test(Model model){
        model.addAttribute("userName", "lc");
        return "test";
    }
}

运行后,浏览器访问http://localhost:8080/test
可看到输出结果。

怎么用Thymeleaf创建Spring Boot项目

以上就是关于“怎么用Thymeleaf创建Spring Boot项目”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯