springboot使用thymeleaf语言

Bertha 。 2024-04-17 19:25 80阅读 0赞

首先先加入maven依赖：

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

然后在resources下新建一个templates目录，默认路径

然后在配置文件中写入thymeleaf 的配置信息：

#thymeleaf配置
    #是否开启缓存,默认为true
    spring.thymeleaf.cache=true
    
    #检查模板是否存在，默认为true
    spring.thymeleaf.check-template=true
    
    #检查模板位置是否存在,默认为true
    spring.thymeleaf.check-template-location=true
    
    #模板文件编码
    spring.thymeleaf.encoding=UTF-8
    
    #模板文件位置
    spring.thymeleaf.prefix=classpath:/templates/
    
    #content-type配置
    spring.thymeleaf.servlet.content-type=text/html
    
    #模板文件后缀
    spring.thymeleaf.suffix=.html

下面我们来做一个测试：

@Controller
    public class BookController {
    // @Autowired
    // Book book;
    
       @GetMapping("/seeBook")
       public ModelAndView seeBook() {
          System.out.println("调用seeBook方法");
          Book b1 = new Book();
          b1.setName("三国演义");
          b1.setAuthor("罗贯中");
          b1.setPrice(25f);
          b1.setTimes("2019-8-9");
          Book b2 = new Book();
          b2.setName("红楼梦");
          b2.setAuthor("曹雪芹");
          b2.setPrice(27f);
          b2.setTimes("2019-9-9");
    
          List<Book> books = new ArrayList<>();
          books.add(b1);
          books.add(b2);
    //    返回视图
          ModelAndView mv = new ModelAndView();
          mv.addObject("books",books);
          mv.setViewName("books");
    
    //    mv.addObject("booksfree",books);
    //    mv.setViewName("booksfree");
          return mv;
       }
    }

然后我们在页面上将数据展示出来：

<!DOCTYPE html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>图书列表</title>
    </head>
    <body>
    <table border="1">
        <tr>
            <td>图书名称</td>
            <td>图书作者</td>
            <td>图书价格</td>
            <td>出版时间</td>
        </tr>
        <tr th:each="book:${books}">
            <td th:text="${book.name}"></td>
            <td th:text="${book.author}"></td>
            <td th:text="${book.price}"></td>
            <td th:text="${book.times}"></td>
        </tr>
    </table>
    </body>
    </html>

如果出现404错误那么就检查一下依赖是否完成下载或者依赖版本是否正确,那么我们来看一下结果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hfal9jXzEyMw_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hfal9jXzEyMw_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/a492bcc7f1514fbe8a77e43c15c7b1ff.png