springboot整合thymeleaf模板示例

Thymeleaf简介

简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。相较与其他的模板引擎，它有如下三个极吸引人的特点：

1.Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。2.Thymeleaf 开箱即用的特性。它提供标准和spring标准两种方言，可以直接套用模板实现JSTL、 OGNL表达式效果，避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。3. Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。

springboot整合thymeleaf

第一步：在创建项目的时候选择依赖中选中Thymeleaf，或者在pom中添加依赖

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

第二步：在application.properties文件中配置如下：

                
                    #thymelea模板配置
                    spring.thymeleaf.prefix=classpath:templates/
                    spring.thymeleaf.suffix=.html
                    spring.thymeleaf.mode=HTML5
                    spring.thymeleaf.encoding=UTF-8
                    spring.thymeleaf.servlet.content-type=text/html
                    spring.thymeleaf.cache=false
                    spring.resources.chain.strategy.content.enabled=true
                    spring.resources.chain.strategy.content.paths=/**
                    #thymeleaf end

第三步：书写spring controller方法

扫描二维码关注公众号，回复： 13142363 查看本文章

                
                    @RequestMapping(value ="/")
                    public String index(Model model){
                    model.addAttribute("name","测试springboot整合thymeleaf");
                    return "test";
                    }

第四步：默认的thymeleaf的页面存放在templates/文件夹下，所以在该文件夹下建立test.html,代码如下：

                
                    <!DOCTYPE html>
                    <html lang="en" xmlns:th="http://www.thymeleaf.org">
                    <head>
                        <meta charset="UTF-8">
                        <title>测试</title>
                    </head>
                    <body>
                    <span th:text="${name}"></span>
                    </body>
                    </html>

第五步：启动springboot工程，然后访问localhost:8080即可得到如下页面

springboot整合thymeleaf模板示例

Thymeleaf简介

springboot整合thymeleaf

猜你喜欢