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

Spring Boot集成thymeleaf快速入门demo

news 来源：原创 2024/9/28 23:01:14

1.什么是thymeleaf？

Thymeleaf是一种现代的服务器侧Java模版引擎，既能用于网络，也能用于独立的环境。它能够处理HTML，XML，JavaScript，CSS，甚至纯文本。

Thymeleaf的主要目标是为创建模版提供一种优雅、高️维护性的方法。为了实现这个目标，它建立在自然模版的观念之上。也就是以某种方式将它的逻辑注入模版文件之中，而不会影响模版作为一个设计原型被使用。这改善了设计上的交流，同时也在设计和开发团队之间架起了一座桥梁。

Thymeleaf的特点

Thymeleaf具有可读性强、易于理解的语法。
Thymeleaf支持Spring MVC的所有特性，可以与Spring框架无缝集成。
Thymeleaf可以在没有Web服务器的情况下运行，便于开发和测试。
Thymeleaf支持多种模板解析器，可以根据需要选择合适的解析器。

Thymeleaf的应用场景

Thymeleaf 是一款适用于各种 Web 应用程序的强大模板引擎，无论是传统的服务器端 Web 应用程序、单页应用程序，还是移动 Web 应用程序，都能够轻松应对。此外，Thymeleaf 不仅局限于动态内容的生成，还可以用于生成静态内容，如电子邮件模板等，为开发者提供了极大的便利和灵活性。

2.代码工程

实验目的：用Thymeleaf作为模版输出页面html

pom.xml

<?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"><parent><artifactId>springboot-demo</artifactId><groupId>com.et</groupId><version>1.0-SNAPSHOT</version></parent><modelVersion>4.0.0</modelVersion><artifactId>thymeleaf</artifactId><properties><maven.compiler.source>8</maven.compiler.source><maven.compiler.target>8</maven.compiler.target></properties><dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-autoconfigure</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId><scope>test</scope></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId></dependency></dependencies>
</project>

controller

package com.et.thymeleaf.controller;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;import java.util.HashMap;
import java.util.Map;@Controller
public class HelloWorldController {@RequestMapping("/")public String index(){return"index";}@RequestMapping(value="/save", method= RequestMethod.POST)public ModelAndView save(@ModelAttribute User user){ModelAndView modelAndView = new ModelAndView();modelAndView.setViewName("result");modelAndView.addObject("user", user);return modelAndView;}
}

entity

package com.et.thymeleaf.controller;import lombok.Data;/*** @author liuhaihua* @version 1.0* @ClassName User* @Description todo* @date 2024年06月03日 10:48*/
@Data
public class User {private String name;private int  age;private String email;}

application.properties

spring.thymeleaf.cache=false
spring.thymeleaf.suffix: .html

index.html

<html lang="en">
<head><title>Index Page</title>
</head>
<body>
<form action="save" method="post"><table><tr><td><label for="user-name">User Name</label></td><td><input type="text" name="name"></input></td></tr><tr><td><label for="email">Email</label></td><td><input type="text" name="email"></input></td></tr><tr><td></td><td><input type="submit" value="Submit"></input></td></tr></table>
</form>
</body>
</html>

result.html

<html xmlns:th="https://thymeleaf.org">
<table><tr><td><h4>User Name: </h4></td><td><h4 th:text="${user.name}"></h4></td></tr><tr><td><h4>Email ID: </h4></td><td><h4 th:text="${user.email}"></h4></td></tr>
</table>
</html>

以上只是一些关键代码，所有代码请参见下面代码仓库