springboot整合thymeleaf

标签: springboot thymeleaf 工程搭建
1人阅读 评论(0) 收藏 举报
分类:

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方法

                
                    @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模板

  • 2017年02月17日 16:53
  • 15KB
  • 下载

Spring Boot 整合 Thymeleaf 完整 Web 案例

摘要: 原创出处:www.bysocket.com 泥瓦匠BYSocket 希望转载,保留摘要,谢谢!Thymeleaf 是一种模板语言。那模板语言或模板引擎是什么?常见的模板语言都包含以下几个概念:...
  • u010378410
  • u010378410
  • 2017-10-15 20:29:05
  • 886

spring boot 学习(二)spring boot 框架整合 thymeleaf

spring boot 框架整合 thymeleaf spring boot 的官方文档中建议开发者使用模板引擎,避免使用 JSP。因为若一定要使用 JSP 将无法使用。...
  • u011244202
  • u011244202
  • 2017-01-18 22:47:30
  • 2964

spring-boot--整合thymeleaf模板

转:http://jisonami.iteye.com/blog/2301387,http://412887952-qq-com.iteye.com/blog/2292402 整体步骤: (1...
  • li396864285
  • li396864285
  • 2016-12-22 10:58:01
  • 2682

springboot集成mybatis+shiro+thymeleaf

  • 2017年09月26日 21:59
  • 19.39MB
  • 下载

Spring boot项目整合thymeleaf和shiro

项目使用了spring boot 框架和orm框架用了spring data jpa和前台是thymeleaf 第一步:先在pom.xml加入thymeleaf和shiro的依赖 ...
  • qq_32969281
  • qq_32969281
  • 2017-12-08 23:01:09
  • 391

springboot + thymeleaf + mybatis + ueditor

前面讲了简单的ueditor搭建,今天记录一下上传和图片空间的开发: 由于springboot不好放图片,放上去也会让后面我的打的包越来越大,这不科学,所以用项目外的图片服务器,这路我用的七牛云,当然...
  • qq_28114645
  • qq_28114645
  • 2017-11-17 16:18:22
  • 315

Springboot 整合 thymeleaf 简单使用

  • 2018年04月04日 11:02
  • 86KB
  • 下载

Spring Boot(4)整合thymeleaf

添加thymeleaf依赖 org.springframework.boot spring-boot-starter-thymeleaf 配置application.properti...
  • daleiwang
  • daleiwang
  • 2017-07-12 11:32:19
  • 620

Spring boot 整合spring Data JPA+Spring Security+Thymeleaf框架(上)

这个是spring boot 整合spring Data JPA+Spring Security+Thymeleaf框架,整合这个框架真的是走了很多的坑路,终于走出来了。...
  • sai739295732
  • sai739295732
  • 2015-06-30 23:08:08
  • 4122
    个人资料
    持之以恒
    等级:
    访问量: 12万+
    积分: 1723
    排名: 2万+
    最新评论