springboot中整合thymeleaf模板

最新推荐文章于 2019-09-06 22:51:20 发布
最新推荐文章于 2019-09-06 22:51:20 发布
阅读量163 收藏
点赞数
分类专栏： java编程
http://www.cnblogs.com/moonlightL/p/7891806.html
http://www.ityouknow.com/springboot/2016/02/03/springboot(%E4%BA%8C)-web%E7%BB%BC%E5%90%88%E5%BC%80%E5%8F%91.html


一、什么是 Thymeleaf？
Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎。类似JSP，Velocity，FreeMaker等
也可以轻易的与Spring MVC等Web框架进行集成作为Web应用的模板引擎。与其它模板引擎相比，Thymeleaf最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个Web应用。


URL
URL在Web应用模板中占据着十分重要的地位，需要特别注意的是Thymeleaf对于URL的处理是通过语法
@{…}来处理的。Thymeleaf支持绝对路径URL：


<a th:href="@{http://www.thymeleaf.org}">Thymeleaf</a>




条件求值
<a th:href="@{/login}" th:unless=${session.user != null}>Login</a>




for循环
<tr th:each="prod : ${prods}">
 
      <td th:text="${prod.name}">Onions</td>
 
      <td th:text="${prod.price}">2.41</td>
 
      <td th:text="${prod.inStock}? #{true} : #{false}">yes</td>
<
</tr>


二、整合Thymeleaf
1、添加Thymeleaf依赖
pom.xml 文件中添加：
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
    2、添加 Thymeleaf 模板配置
application.properties 中添加如下内容：


spring.thymeleaf.cache=true
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html


3、 controller 包中创建 ThymeleafController:
@Controller
@RequestMapping("thymeleaf")
public class ThymeleafController {


    @RequestMapping("hello")
    public String hello(Map<String,Object> map) {
        map.put("msg", "Hello Thymeleaf");
        return "hello";
    }
}
4、在 templates 目录下创建名为 hello.html 的文件，内容如下：
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="/css/index.css" rel="stylesheet"/>
</head>
<body>
    <div class="container">
        <h2 th:text="${msg}"></h2>
    </div>
</body>
</html>
5、启动后访问：http://localhost:8080/thymeleaf/hello





码农小虾
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
springboot整合thymeleaf模板
02-17
springboot整合thymeleaf模板
一起来学SpringBoot | 第四篇：整合Thymeleaf模板
LuisChen的博客
06-01 5879
SpringBoot是为了简化Spring应用的创建、运行、调试、部署等一系列问题而诞生的产物，自动装配的特性让我们可以更好的关注业务本身而不是外部的XML配置，我们只需遵循规范，引入相关的依赖就可以轻易的搭建出一个 WEB 工程 在前面几章中已经介绍了如何创建一个SpringBoot项目，同时简单的描述了SpringBoot REST Web服务。除此之外它也是支持如JSP、Thyme...
SpringBoot(8) - - SpringBoot整合Thymeleaf模板
Strugglein的博客
09-21 313
项目地址:https://github.com/zhaopeng01/springboot-study/tree/master/study8 Spring Boot提供了多种模板引擎的默认配置支持，但嵌入式容器JSP有限制，2010年后Velocity停止更新，所以这JSP与Velocity两个不建议使用，然实际在企业中，还是有很多在使用 那么这里主要是springboot整合Thymele...
玩转 SpringBoot 2 快速整合 | Thymeleaf 篇
程序员小奎的博客
09-06 5587
SpringBoot2.0之快速整合 thymeleafThymeleaf 简单介绍SpringBoot使用Thymeleaf 操作步骤 Thymeleaf 简单介绍 Thymeleaf 和 Velocity、FreeMarker 一样都是模板引擎，SpringBoot 官方推荐使用的模板引擎。 SpringBoot使用Thymeleaf 操作步骤 引入thymeleaf starter依赖 ...
SpringBoot框架整合thymeleaf模板和mybatis
03-08
SpringBoot在搭建的时候不用XML配置文件，同时嵌入Tomcat，无需部署war，是一个搭建、使用起来都比较方便的框架。
Spring Boot集成Thymeleaf模板引擎的完整步骤
08-26
主要给大家介绍了关于Spring Boot集成Thymeleaf模板引擎的完整步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
SpringBoot整合Thymeleaf
01-23
SpringBoot使用Thymeleaf模板展示数据，里面包括详细的文档注释，包括一部分Mybatis代码，RestFull风格的链接，demo比较小，等下一步就是写个稍微大一点的项目整合Mybatis+RestFull。
springboot整合thymeleaf完整例子
01-02
springboot整合thymeleaf完整例子,启动App类，访问http://127.0.0.1:8888/user/index
springboot2.0整合thymeleaf
lhc0512的博客
04-10 657
在SpringBoot2.0整合thymeleaf,自动会整合thymeleaf3.0版本的,无需改thymeleaf的版本 在pom.xml的配置的如下 <!-- thymeleaf模版引擎,springboot2.0使用thymeleaf3.0 --> <dependency> <groupId>org.springframework.b
springboot+mybatis+redis+thymeleaf学习整合web项目demo源码
10-30
springboot+mybatis+redis+thymeleaf技术整合的完整的一个web项目demo源码
springboot2学习记录之 整合thymeleaf
lib_dil的博客
03-07 3293
1.引入依赖在pom.xml中dependencies标签中引用 &lt;dependency&gt; &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt; &lt;artifactId&gt;spring-boot-starter-thymeleaf&lt;/artifactId&gt; &lt;/dependency&gt;2...
Spring Boot 2.0 从入门到精通-thymeleaf集成
独 coding 乐不如众 coding 乐
03-14 1450
看本文之前，最好先阅读下此文 Spring Boot 2.0 从入门到精通-QuickStart-1本文主要目标是在Spring Boot 项目中如何引入thymeleaf 以及bootstrap 来渲染出一个用户列表，文章中不涉及 thymeleaf 和 bootstrap 的详细细节，如感兴趣请见官网：http://www.thymeleaf.org  ,https://getbootstra...
基于matlab实现实现了基于项目的协同过滤代码，MATLAB实现.rar
05-04
基于matlab实现实现了基于项目的协同过滤代码，MATLAB实现.rar
各地区年末城镇登记失业人员及失业率.xls
最新发布
05-05
数据来源：中国劳动统计NJ-2023版
企业固定资产信息管理系统设计与实现.doc
05-04
企业固定资产信息管理系统设计与实现.doc
node-v11.14.0-darwin-x64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v8.9.1-sunos-x64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v12.10.0-linux-armv7l.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
springboot整合thymeleaf
04-04
Spring Boot 的 Thymeleaf 模板引擎集成了 Thymeleaf 模板引擎，可以轻松地与 Spring Boot 应用程序集成。Thymeleaf 是一个流行的模板引擎，它为 Web 应用程序提供了强大的视图层支持，允许您使用 HTML 模板来构建 Web 应用程序的视图层。 在 Spring Boot 中，您可以使用以下步骤来集成 Thymeleaf 模板引擎： 1. 在 pom.xml 文件中添加 Thymeleaf 依赖项： ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> ``` 2. 在 application.properties 文件中配置 Thymeleaf 模板引擎： ```properties spring.thymeleaf.mode=HTML spring.thymeleaf.cache=false ``` 3. 创建 Thymeleaf 模板文件： 在 src/main/resources/templates 文件夹下创建 HTML 文件，这些文件将作为视图层的模板文件。您可以使用 Thymeleaf 提供的标准语法来构建模板文件。 4. 创建控制器类： 创建控制器类来处理 Web 请求，并返回 Thymeleaf 模板文件作为响应。您可以使用 @Controller 注解将类标记为控制器类，并使用 @GetMapping 或 @PostMapping 注解将方法标记为处理 GET 或 POST 请求。 ```java @Controller public class MyController { @GetMapping("/") public String home(Model model) { model.addAttribute("message", "Hello, Thymeleaf!"); return "home"; } } ``` 在这个例子中，控制器类将一个名为 message 的属性添加到模型中，并返回名为 home 的 Thymeleaf 模板文件。 5. 在 Thymeleaf 模板文件中使用模型数据： 使用 Thymeleaf 标准语法在模板文件中使用模型数据。在本例中，您可以使用 ${message} 表达式来访问 message 属性的值。 ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Home</title> </head> <body> <h1 th:text="${message}"></h1> </body> </html> ``` 6. 运行应用程序： 使用 mvn spring-boot:run 命令来启动应用程序。访问 http://localhost:8080/ 将显示名为 home 的 Thymeleaf 模板文件，其中包含 message 属性的值。 上述是 Spring Boot 整合 Thymeleaf 的基本流程和步骤，您可以根据实际需求和业务场景进行适当的调整和修改。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值