Springboot+Thymeleaf 第一个Demo

╰+哭是因爲堅強的太久メ 2022-05-18 07:30 208阅读 0赞

# **Thymeleaf 简介** #

Thymeleaf 和Freemarker，Velocity 一样，是Springboot 大力支持的三种模板语言之一。它可以完全替代JSP，事实上，在使用内嵌tomcat 时，springboot 对JSP 不能很好的支持。

相较于另外两种模板语言，Thymeleaf 主要有以下三个优点：

1、Thymeleaf在 有网络和无网络的环境下都可以运行。即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它**支持 html 原型**，然后在 html 标签里增加额外的属性来达到**模板+数据**的展示方式。浏览器解释html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。

2、Thymeleaf 具有开箱即用的特性。它提供标准和spring 标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。

3、Thymeleaf 提供spring 标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。

# 简单Demo #

## **项目结构** ##

![20180731171627176][]

## **首先引入pom文件** ##

因为spring-boot-starter-thymeleaf 中包含了spring-boot-starter-web 所以不需要引入后者。

<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.damai</groupId>
    	<artifactId>springboot-thymleaf-demo</artifactId>
    	<version>0.0.1-SNAPSHOT</version>
    
    	<parent>
    		<groupId>org.springframework.boot</groupId>
    		<artifactId>spring-boot-starter-parent</artifactId>
    		<version>1.5.1.RELEASE</version>
    	</parent>
    
    	<dependencies>
    		<dependency>
    			<groupId>org.springframework.boot</groupId>
    			<artifactId>spring-boot-starter-thymeleaf</artifactId>
    		</dependency>
    	</dependencies>
    </project>

## **配置文件** ##

classpath 默认是 /src/main/resources

server.port=8080
    
    spring.thymleaf.prefix=classpath:/templates/
    spring.thymleaf.suffix=.html

## **启动类** ##

@SpringBootApplication
    public class App {
    
    	public static void main(String[] args) {
    		SpringApplication.run(App.class, args);
    
    	}
    
    }

## **控制类** ##

@Controller
    public class IndexController {
    
    	@RequestMapping(value="index",method=RequestMethod.GET)
    	public String index(Model model){
    		model.addAttribute("name","xl");
    		return "/index";
    	}
    }

## **运行** ##

![20180731171837663][]

**参考：**

[Thymeleaf 语法][Thymeleaf]

[Thymeleaf 官方文档][Thymeleaf 1]

[20180731171627176]: /images/20220518/99ade47d61f94d1a8586e2508e6204cb.png
[20180731171837663]: /images/20220518/5a5b82d788a847c98b233e5ed6cec2b3.png
[Thymeleaf]: https://www.tianmaying.com/tutorial/using-thymeleaf
[Thymeleaf 1]: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#introducing-thymeleaf