SpringBoot整合模板引擎Thymeleaf

我会带着你远行 2022-06-14 01:37 290阅读 0赞

SpringBoot整合Thymeleaf是比较简单的。  
\- 添加依赖

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

*  编写application.yml配置文件

spring:
      thymeleaf:
        cache: false
        mode: HTML5

其它的配置使用默认值即可。  
\- 编写控制类

import java.util.Map;
 
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.RequestMapping;
 
 @Controller
 @RequestMapping("/")
 public class ThymeleafController { 
 
 @RequestMapping("/index")
 public String index(Map<String, Object> map){
 map.put("user", "Tyrone");
 return "index";
 }
 
 }

*  编写模板  
    [Thymeleaf菜鸟教程][Thymeleaf]

<!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
 <head>
 <meta charset="UTF-8" />
 <title>Insert title here</title>
 </head>
 <body>
 Hello!! welcom to Thymeleaf's world
 </body>
 </html>

注意：根据约定大于配置，springboot项目中的静态文件默认路径应该放在/resources/static, 模板文件路径：resources/templates.如下图：  
![这里写图片描述][SouthEast]

最后创建启动类并运行  
\- 浏览器测试  
启动成功后，在浏览器中输入[http://localhost:8080/index][http_localhost_8080_index]  
如图所示：  
![这里写图片描述][SouthEast 1]  
源代码链接：[https://github.com/myNameIssls/springboot-study][https_github.com_myNameIssls_springboot-study]  
参考链接：[https://github.com/spring-projects/spring-boot/tree/master/spring-boot-samples][https_github.com_spring-projects_spring-boot_tree_master_spring-boot-samples]

[Thymeleaf]: http://blog.csdn.net/mynameissls/article/details/72880647
[SouthEast]: /images/20220614/1390033fa68f4cf98377cd8e5f0ec098.png
[http_localhost_8080_index]: http://localhost:8080/index
[SouthEast 1]: /images/20220614/4f969663bc2d42c48ff1228d388f62f3.png
[https_github.com_myNameIssls_springboot-study]: https://github.com/myNameIssls/springboot-study
[https_github.com_spring-projects_spring-boot_tree_master_spring-boot-samples]: https://github.com/spring-projects/spring-boot/tree/master/spring-boot-samples