SpringBoot中整合Thymeleaf

深藏阁楼爱情的钟 2023-10-18 16:44 94阅读 0赞

## 场景 ##

springboot不建议使用jsp，使用模板引擎，比如thymeleaf，velocity，freemarker。

项目搭建专栏：

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/column/info/35688][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_column_info_35688]

## 实现 ##

在项目中引入相关依赖

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

springboot会默认在resource下的templates下去寻找模板。

![Image 1][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

新建test.html

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
     <h1 th:text="${name}"></h1>
    </body>
    </html>

在Controller包下新建TestThymeleaf .java

package com.example.demo.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    public class TestFreeMarker {
     
     @RequestMapping("/freemarker")
     public String show(Model model) {
      model.addAttribute("name","霸道流氓气质");
      return "show";
     }
    }

### 运行效果 ###

![Image 1][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1][]

### 源码下载 ###

[https://download.csdn.net/download/badao\_liumang\_qizhi/11089093][https_download.csdn.net_download_badao_liumang_qizhi_11089093]

[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_column_info_35688]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/column/info/35688
[Image 1]: 
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190407210502507.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20190407210532136.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[https_download.csdn.net_download_badao_liumang_qizhi_11089093]: https://download.csdn.net/download/badao_liumang_qizhi/11089093