当前位置： 首页 > news >正文

Spring Boot整合Thymeleaf和FreeMarker模板

news 2026/4/6 12:48:37

虽然目前市场上多数的开发模式采用前后端分离的技术，视图层的技术在小一些的项目中还是非常有用的，所以一直也占有一席之地，如spring官方的spring.io等网站就是使用视图层技术实现的。

目前Spring Boot支持的较好的两个视图层模板引擎是Thymeleaf和FreeMarker，其中Thymeleaf是默认的模板引擎。

一、整合Thymeleaf

Thymeleaf支持HTML原型，可以直接在浏览器中查看页面样式，这对于调试是非常方便的，SpringBoot工程整合Thymeleaf只需要几个简单的步骤：

  1. 添加依赖 
    	<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>
  2. 配置Thymeleaf
    Springboot中Thymeleaf默认的配置类为：ThymeleafAutoConfiguration，默认的模板以html格式存在于classpath:/templates目录下，如果要改变这些配置，可以在application.properties中修改，所有的配置以spring.thymeleaf为前缀： 
    #是否启用thymeleaf，默认true
spring.thymeleaf.enabled=true
#是否开启缓存，默认true
spring.thymeleaf.cache=true
#检查模板是否存在，默认为true
spring.thymeleaf.check-template=true
#检查模板位置是否存在，默认为true
spring.thymeleaf.check-template-location=true
#开启EL编译器，默认为true
spring.thymeleaf.enable-spring-el-compiler=true
#配置模版的位置
spring.thymeleaf.prefix=classpath:/templates/
#配置模板的编码
spring.thymeleaf.encoding=UTF-8
#配置模版支持的类型，默认为HTML
spring.thymeleaf.mode=HTML
#配置模板文件的后缀，默认为.html
spring.thymeleaf.suffix=.html
#配置content-type
spring.thymeleaf.servlet.content-type=text/html

    3.配置ModelAndView

   编写controller，返回一个ModelAndView，返回到页面上渲染的数据存储在ModelAndView中。

@Controller
@RequestMapping("/thymeleaf")
public class ThymeleafController {private class Student{private String name;private int age;public String getName() {return name;}public void setName(String name) {this.name = name;}public int getAge() {return age;}public void setAge(int age) {this.age = age;}}@GetMapping("/students")public ModelAndView students(){List<Student> students = new ArrayList<>();Student student1 = new Student();student1.setName("Li Lei");student1.setAge(18);Student student2 = new Student();student2.setName("Han Meimei");student2.setAge(17);students.add(student1);students.add(student2);ModelAndView modelAndView = new ModelAndView();modelAndView.addObject("students",students);modelAndView.setViewName("test");return modelAndView;}
}

4.编写template

在resources目录下创建templates文件，创建test.html，对应上面代码的viewName,填入以下内容：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Thymeleaf Testing</title>
</head>
<style>tr,td,th {border: 2px solid #ff4c6b;width: 200px;}
</style>
<body style="text-align:center;">
<table style="margin:200px auto;border: 2px solid #ff4c6b;"><tr><td>姓名</td><td>年龄</td></tr><tr th:each="student:${students}"><td th:text="${student.name}"></td><td th:text="${student.age}"></td></tr>
</table>
</body>
</html>

访问localhost:8080/thymeleaf/students得到以下页面：

二、整合FreeMarker

整合FreeMarker于Thymeleaf非常相似，springboot提供了一致的整合方案，所以你只需要将以上的步骤做一下修改：

1、添加依赖

将Thymeleaf依赖替换成FreeMarker依赖

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

2、修改模板

将原来建立的html模板改成.ftl模板，其余不变。

 

相关文章：

Spring Boot整合Thymeleaf和FreeMarker模板

虽然目前市场上多数的开发模式采用前后端分离的技术&#xff0c;视图层的技术在小一些的项目中还是非常有用的&#xff0c;所以一直也占有一席之地&#xff0c;如spring官方的spring.io等网站就是使用视图层技术实现的。 目前Spring Boot支持的较好的两个视图层模板引擎是Thyme…...

编程日记 2023/2/24 3:00:32

SQL的四种连接-左外连接、右外连接、内连接、全连接

SQL的四种连接-左外连接、右外连接、内连接、全连接 内连接inner join…on… / join…on… 展现出来的是共同的数据 select m.Province,S.Name from member m inner join ShippingArea s on m.Provinces.ShippingAreaID; 相当于&#xff1a;select m.Province,S.Name from m…...

编程日记 2023/2/24 2:59:26

“点工”的觉悟，5年时间从7K到24K的转变，我的测试道路历程~

2015年7月我从一个90%以上的人都不知道的二本院校毕业&#xff08;新媒体专业&#xff09;&#xff0c;凭借自学的软件测试&#xff08;点点点&#xff09;在北京找到了一份月薪7000的工作&#xff0c;在当时其实还算不错&#xff0c;毕竟我的学校起点比较差&#xff0c;跟大部…...

编程日记 2023/2/24 2:58:20

【Web安全-MSF记录篇章一】

文章目录前言msfvenom生成远控木马基本系统命令webcam 摄像头命令常用的信息收集脚本注册表设置nc后门开启 rdp&添加用户获取哈希mimikatz抓取密码前言 最近打站&#xff0c;可以感觉到之前的学的渗透知识忘记很多。。。。。多用多看多练&#xff0c;简单回顾一下 msfven…...

编程日记 2023/2/24 2:57:13

配置Flutter开发环境

一、在Windows上搭建Flutter开发环境 1、去flutter官网下载其最新可用的安装包&#xff0c;下载地址&#xff1a;https://flutter.dev/docs/development/tools/sdk/releases 。 注意&#xff0c;Flutter的渠道版本一直在不断的更新&#xff0c;请以Flutter官网为准。 另外&…...

编程日记 2023/2/24 2:56:07

23年六级缓考

【【六级674】3月六级规划+许愿成功的小伙伴记得来还愿啦！！（四六级延期考2周冲刺计划）】https://www.bilibili.com/video/BV1nx4y1w7fz?vd_source=5475f4f6010a81c8e6d4789af8e1a20f 作文...

编程日记 2023/2/24 2:55:01

低代码选型，论协同开发的重要性

Git是一款用于分布式版本控制的免费开源软件: 它可以跟踪到所有文件集中任意的变更&#xff0c;通常用于在软件开发期间&#xff0c;协调配合程序员之间的代码程序开发工作。 Git 最初诞生的原因源于Linux 内核的开发&#xff0c;2005年Linus Torvalds 编写出了Git。其他内核开…...

编程日记 2023/2/24 2:53:56

【第二十二部分】游标

【第二十二部分】游标 文章目录【第二十二部分】游标22. 游标22.1 游标的定义22.2 游标的使用22.3 游标优缺点总结22. 游标 22.1 游标的定义 当我们筛选条件的时候&#xff0c;虽然可以使用WHERE或者HAVING去选出我们想要的字段&#xff0c;但是去无法将一大块的结果集进行遍…...

编程日记 2023/2/24 2:52:51

【面试题】2023高频前端面试题20题

大厂面试题分享 面试题库前端后端面试题库 &#xff08;面试必备&#xff09; 推荐&#xff1a;★★★★★地址&#xff1a;前端面试题库1. 简述 TCP 连接的过程&#xff08;淘系&#xff09;参考答案&#xff1a;TCP 协议通过三次握手建立可靠的点对点连接&#xff0c;具体过程…...

编程日记 2023/2/24 2:51:45

Spring解决循环依赖为什么需要三级缓存？

前言什么是循环依赖呢&#xff1f;我们抛开Spring这个框架来聊下什么是循环依赖&#xff0c;循环依赖可能在我们平时的开发过程中是属于比较常见的。Spring容器最大的功能就是对bean的生命周期进行管理&#xff0c;每个bean在创建的过程中&#xff0c;需要得到一个完整的bean需…...

编程日记 2023/2/24 2:50:38

Android源码分析 - 回顾Activity启动流程

跟踪Activity启动流程 基于 Android8.0 源码跟踪 Android8/9大同小异&#xff0c;但Android10对activity的管理解耦交给了ATMS。 跟踪目的&#xff1a;ams到底在哪里发起activity的启动的&#xff1f;以及resume等生命周期到底是谁发起的&#xff1f;onResume()之后是哪里发起…...

编程日记 2023/2/24 2:49:30

PDMS二次开发（一）——PML类型程序类型与概念

目录前言一、PML类型与概念基础知识变量函数小例子注释PML表达式条件判断语句循环skip和break窗口程序在PDMS菜单栏中添加程序窗口自动定位PML常见控件前言 PDMS二次开发需要.net 有自带的PML语言和C# .net一般通常泛指的是C#语言 模型数据借助.NET的接口可以转换成数据库中的…...

编程日记 2023/2/24 2:48:26

一文揭晓：手机号码归属地api的作用是什么?

随着手机的普及&#xff0c;手机号码的归属地已经成为很多网站和App中调用的重要数据资源。而手机号码归属地API可以帮助开发者快速获取手机号码归属地信息。目前&#xff0c;这种API已经被广泛地使用&#xff0c;用于各种不同的应用场景。这对于用户及开发者来说是非常重要的&…...

编程日记 2023/2/24 2:47:20

电容的结构分类介质封装及应用场景总结

🏡《总目录》 目录 1，概述2，结构分类2.1，固定电容器2.2，可变电容器3，介质分类3.1，无机介质电容器3.2，有机介质电容器3.3，电解电容器3.4，气体介质电容器4，封装分类4.1，直插电容器4.2，贴片电容器5，总结1，概述 电容器作为一种储能元件，在电路中和电阻一样非常常用…...

编程日记 2023/2/24 2:46:14

数据结构初阶——时间复杂度与空间复杂度

时间复杂度与空间复杂度1. 算法效率1.1 如何衡量一个算法的好坏1.2算法的复杂度2.时间复杂度2.1 时间复杂度的概念2.2 大O的渐进表示法2.3常见时间复杂度计算举例实列1&#xff1a;实列2&#xff1a;实列3&#xff1a;实列4&#xff1a;实列5&#xff1a;实列6&#xff1a;实列…...

编程日记 2023/2/24 2:45:09

深度学习之“制作自定义数据”--torch.utils.data.DataLoader重写构造方法。

深度学习之“制作自定义数据”–torch.utils.data.DataLoader重写构造方法。 前言&#xff1a; ​ 本文讲述重写torch.utils.data.DataLoader类的构造方法&#xff0c;对自定义图片制作类似MNIST数据集格式&#xff08;image, label&#xff09;&#xff0c;用于自己的Pytorc…...

编程日记 2023/2/24 2:44:02

#G. 求约数个数之六

我们先求到区间[1..b]之间的所有约数之和于是结果就等于 [1..b]之间的所有约数之和减去[1..a-1]之间的约数之和很明显这两个问题是同性质的问题&#xff0c;只是右端点不同罢了.明显对于1到N之间的数字&#xff0c;其约数范围也为1到N这个范围内。于是我们可以枚举约数L,当然这…...

编程日记 2023/2/24 2:42:55

如何为Java文件代码签名及添加时间戳？

Java是一种流行的编程语言&#xff0c;大多数组织都使用它来开发业务应用程序。由于其高使用率&#xff0c;攻击者总是试图找到其中的漏洞并基于它利用软件。为了防止此类攻击&#xff0c; 为 Java 文件&#xff08;.jar&#xff09;进行代码签名并添加时间戳&#xff0c;可以防…...

编程日记 2023/2/24 2:41:52

Xamarin.Forsm for Android 显示 PDF

背景 某些情况下&#xff0c;需要让用户阅读下发的文件&#xff0c;特别是红头文件&#xff0c;这些文件一般都是使用PDF格式下发&#xff0c;这种文件有很重要的一点就是不能更改。这时候就需要使用原文件进行展示。 Xamarin.Forms Android 中的 WebView 控件是不能直接显示的…...

编程日记 2023/2/24 2:40:47

RK3399平台开发系列讲解（LED子系统篇）LED子系统详解

🚀返回专栏总目录 文章目录 一、设备树编写二、LED子系统2.1、用户态2.2、内核驱动三、驱动代码3.1、平台设备驱动的注册3.2、平台设备驱动的probe四、使用方法沉淀、分享、成长，让自己和他人都能有所收获！😄 📢本篇将详细介绍LED子系统。 一、设备树编写 节点属性添加…...

编程日记 2023/2/24 2:39:43

vllm 安装

别在Windows里安装vllm了&#xff0c;总有很多问题&#xff0c; 可以在WSL2的Unbuntu 24.04里安装vllm&#xff0c;轻松完成 一、相关链接 vllm https://docs.vllm.ai/en/latest/index.html github https://github.com/vllm-project/vllm vLLM 中文站 https://vllm.hyper.…...

编程新知 2026/4/6 12:13:46

告别野火原子，用江科大STM32F103模板+Keil5，30分钟搞定RT-Thread Nano 3.0.3移植

江科大STM32F103模板Keil5快速移植RT-Thread Nano 3.0.3实战指南 如果你正在使用江科大的STM32F103教学模板&#xff0c;想要快速实现RT-Thread Nano 3.0.3的移植&#xff0c;这篇文章将为你提供一个30分钟完成的详细方案。相比野火、正点原子等开发板&#xff0c;江科大模板在…...

编程新知 2026/4/6 12:07:31

零基础鸿蒙应用开发第二十八节：商品排序体系之工厂与策略模式

【学习目标】 掌握策略模式核心思想&#xff0c;基于IGoodsComparator接口封装排序规则&#xff0c;实现排序逻辑的灵活扩展与解耦&#xff1b;理解工厂模式的应用场景&#xff0c;开发排序工厂类统一管理比较器实例&#xff0c;屏蔽底层实现细节&#xff1b;整合单例管控策略模…...

编程新知 2026/4/6 11:37:19

OpenClaw版本升级：无缝迁移Kimi-VL-A3B-Thinking对接配置

OpenClaw版本升级&#xff1a;无缝迁移Kimi-VL-A3B-Thinking对接配置 1. 升级前的准备工作 上周我在升级OpenClaw时遇到了一个棘手的问题——新版本与现有的Kimi-VL-A3B-Thinking模型对接出现了兼容性问题。这让我意识到&#xff0c;对于依赖特定模型服务的自动化工作流来说&…...

编程新知 2026/4/6 11:25:13

BilibiliDown：一键解锁B站视频下载新体验，你的个人视频收藏管家

BilibiliDown&#xff1a;一键解锁B站视频下载新体验&#xff0c;你的个人视频收藏管家 【免费下载链接】BilibiliDown (GUI-多平台支持) B站 哔哩哔哩 视频下载器。支持稍后再看、收藏夹、UP主视频批量下载|Bilibili Video Downloader &#x1f633; 项目地址: https://gitc…...

编程新知 2026/4/6 10:58:57

C++技术岗面试经验总结

&#x1f3ac; 胖咕噜的稞达鸭&#xff1a;个人主页&#x1f525; 个人专栏: 《数据结构》《C初阶高阶》 《Linux系统学习》 《算法日记》⛺️技术的杠杆&#xff0c;撬动整个世界! 1. 右值引用和左值引用的区别 左值是我们平常使用的函数对象&#xff0c;表达式结束后依旧存在…...

编程新知 2026/4/6 10:32:39

ERNIE-4.5-0.3B-PT企业落地场景：基于vLLM的轻量级智能问答助手搭建

ERNIE-4.5-0.3B-PT企业落地场景&#xff1a;基于vLLM的轻量级智能问答助手搭建 1. 项目概述与价值 智能问答助手已经成为企业提升服务效率和用户体验的重要工具。传统方案往往面临部署复杂、资源消耗大、响应速度慢等问题。今天介绍的基于vLLM部署的ERNIE-4.5-0.3B-PT模型&am…...

编程新知 2026/4/6 8:58:58

深度解析开源项目MusicFree插件：构建跨平台音乐播放生态的终极指南

深度解析开源项目MusicFree插件&#xff1a;构建跨平台音乐播放生态的终极指南 【免费下载链接】MusicFreePlugins MusicFree播放插件 项目地址: https://gitcode.com/gh_mirrors/mu/MusicFreePlugins MusicFree插件系统是一个创新的开源音乐播放器扩展框架&#xff0c;…...

编程新知 2026/4/6 8:38:40

基于Spring Boot+Vue3的烹饪交流学习系统 设计与实现

基于 Spring Boot Vue3 的烹饪交流学习系统 设计与实现 一、项目概述 随着人们对烹饪学习与交流需求的增加&#xff0c;传统线下学习模式在菜谱管理、内容发现、交流共享与个性化推荐等方面存在明显不足。为此&#xff0c;本项目基于 Spring Boot Vue3 技术栈&#xff0c;构建…...

编程新知 2026/4/6 7:20:03

Face3D.ai Pro零基础入门：5分钟从照片到3D人脸，小白也能玩转

Face3D.ai Pro零基础入门&#xff1a;5分钟从照片到3D人脸&#xff0c;小白也能玩转 1. 引言&#xff1a;从照片到3D人脸的魔法 想象一下&#xff0c;用手机随手拍一张自拍&#xff0c;5分钟后就能得到一个可以360度旋转的3D人脸模型。这不是科幻电影里的场景&#xff0c;而是…...

编程新知 2026/4/6 7:12:01