`
frank1998819
  • 浏览: 763885 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类

SpringBoot之整合Thymeleaf-基于SpringBoot2.0.2版本(转)

 
阅读更多

 

https://blog.csdn.net/weixin_39723544/article/details/82721279

一、前言

Thymeleaf 是一个优秀的、面向Java 的XML庆HTML/HTML5 页面模板,具有丰

富的标签语言和函数。因此,在使用Spring Boot 框架进行页面设计时, 一般都会选择Thymeleaf 模板。

 

1.1 Thymeleaf 常用的表达式、标签和函数

1.常用表达式

 

• ${...}变量表达式。

•* { .. . } 选择表达式。

• #{...}消息文字表达式。

• @ {} 链接url 表达式。

• #maps 工具对象表达式。

1

2

3

4

5

2.常用标签

 

• th:action 定义后台控制器路径。

• th:each 1,盾环语-句。

• th:field 表单字段绑定。

• th:href 定义超链接。

• th:id div 标签中的ID 声明,类似HTML 标签中的归属性。

• th:if 条件判断语句。

• th:include 布局标签,替换内容到引入文件。

• th :企agment 布局标签,定义一个代码片段,方便其他地方引用。

• th:object 替换对象。

• th:src 图片类地址引入。

• th:text 显示文本。

• th:value 属性赋值。

1

2

3

4

5

6

7

8

9

10

11

12

3.常用函数

 

• #dates 日期函数。

• #lists 列表函数。

• #arrays 数组函数。

• #strings 字符串函数。

• #numbers 幸生字函捷生。

• #ca lendars 日历函数。

• #objects 对象函数。

• #bools 逻辑函数。

1

2

3

4

5

6

7

8

更详细的学习和用法请大家到官方网站学习。网站链接

 

二、SpringBoot整合ThymeLeaf

1.引入依赖

 

        <!-- ThymeLeaf 依赖 -->

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-thymeleaf</artifactId>

        </dependency>

1

2

3

4

5

2.添加配置

 

代码如下:

 

###ThymeLeaf配置

spring:

  thymeleaf:

    #模板的模式,支持 HTML, XML TEXT JAVASCRIPT

    mode: HTML5

    #编码 可不用配置

    encoding: UTF-8

    #内容类别,可不用配置

    content-type: text/html

    #开发配置为false,避免修改模板还要重启服务器

    cache: false

    #配置模板路径,默认是templates,可以不用配置

    prefix: classpath:/templates

1

2

3

4

5

6

7

8

9

10

11

12

13

3.代码开发和页面效果测试

 

controller层

    @GetMapping(value = "/test")

    public ModelAndView test(HttpServletRequest req) {

        // UserEntity userEntity = getCurrentUser(req);

        UserEntity user = new UserEntity();

        user.setLoginName("tom");

        user.setId(234);

        user.setBindType(1);

        ModelAndView mv = new ModelAndView();

        mv.addObject("user", user);

        mv.setViewName("/user/show.html");

        return mv;

    }

1

2

3

4

5

6

7

8

9

10

11

12

页面

 

在template下的user文件夹建show.html测试页面,内容如下:

 

<!DOCTYPE html>

// 是Thyme leaf 命名空间,通过引入该

// 命名空间就可以在HTML 文件中使用Thymeleaf 标签语言,用关键字“ th ” 来标注。

<html xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="UTF-8">

    <title>Show User</title>

</head>

<body>

<table>

    <tr>

        <td>姓名</td>

        <td>密码</td>

    </tr>

    <tr>

        <td th:text="${user.loginName}"></td>

        <td th:text="${user.loginName}"></td>

    </tr>

</table>

</body>

</html>

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

效果:如下图

 

三、总结

Spring Boot整合thymeleaf过程还是很简单的,重点在于 学习下Thymeleaf的语法和用法

thymeLeaf在idea中报红线的解决方法:

 

settings->inspectioins->ThymeLeaf

 

点赞 6

————————————————

版权声明:本文为CSDN博主「瘦子没有夏天」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/weixin_39723544/article/details/82721279

 

分享到:
评论

相关推荐

    SpringBoot2整合thymeleaf3及thymeleaf3语法.md

    springboot自带的thymeleaf依赖为2.1.3版本,使用thymeleaf-layout-dialect版本为2以下版本。 &gt; 2. 使用3或3以上的thymeleaf时,需要thymeleaf-layout-dialect的版本为2或以上。 &gt; 3. 锁定thymeleaf版本时不能使用...

    springboot- thymeleaf-tiles-demo

    本项目“springboot-thymeleaf-tiles-demo”旨在演示如何将SpringBoot 1.2.0、Thymeleaf 2.x和Tiles 2.2.2这三者有效地整合在一起,为开发者提供一套完整的MVC解决方案。 首先,SpringBoot是基于Spring框架的一个轻...

    springboot整合thymeleaf模板

    SpringBoot整合Thymeleaf模板是一项常见的Web开发任务,它结合了SpringBoot的便捷性和Thymeleaf的动态模板引擎,使得开发人员可以快速构建功能丰富的Web应用。下面将详细介绍这个过程及其涉及的关键知识点。 首先,...

    SpringBoot框架整合thymeleaf模板和mybatis

    整合SpringBoot、Thymeleaf和MyBatis,我们可以创建一个高效的Web应用,其中SpringBoot负责整体的上下文管理和自动配置,Thymeleaf处理用户界面的动态展示,而MyBatis则作为数据访问层,负责与数据库交互。...

    Springboot整合Hibernate thymeleaf,添删改查,分页查询等,单元测试,亲测百分之白可运行

    总的来说,这个项目提供了完整的Spring Boot、Hibernate、JPA和Thymeleaf整合示例,涵盖了基础的Web开发功能,并且经过测试确保可运行,对于初学者来说是很好的学习资源。通过这个项目,开发者可以深入理解这些技术...

    springboot整合thymeleaf完整例子

    SpringBoot 是一个流行的Java开发框架,它简化了创建独立、生产级别的基于Spring的应用程序的流程。Thymeleaf则是一个现代服务器端HTML模板引擎,它能够处理XML、HTML、JavaScript等格式的文档,尤其适用于Web应用...

    SpringBoot整合Thymeleaf.docx

    &lt;thymeleaf-layout-dialect.version&gt;2.0.4&lt;/thymeleaf-layout-dialect.version&gt; ``` - 为避免语法错误,确保HTML文件遵循严格的HTML语法,包括正确的结束标记。 通过以上步骤,你就可以成功地在SpringBoot项目...

    SpringBoot-Thymeleaf-MySQL-SpringMVC实现网页端的数据库信息的增删改查(JavaEE巨详细版)

    源码在这里,需要的baby可以看一看,SpringBoot-Thymeleaf-MySQL-SpringMVC实现网页端的数据库信息的增删改查(JavaEE巨详细版) Hello,欢迎来到我的博客,既然选择了远方,便只顾风雨兼程 上一篇 博客只实现了...

    消防管理后台-springboot-mybatis-thymeleaf-毕业设计600.zip

    标题 "消防管理后台-springboot-mybatis-thymeleaf-毕业设计600.zip" 提供的信息表明,这个项目是一个基于SpringBoot框架的消防管理系统,用于管理消防相关的数据和操作。SpringBoot是一个由Pivotal团队开发的Java...

    springboot2.7.15+thymeleaf 代码

    SpringBoot 2.7.15 与 Thymeleaf 的整合是现代Java Web开发中的常见实践,这个项目提供了一个基础的实现,包括了登录功能以及员工管理的相关操作。Thymeleaf是一款强大的服务器端模板引擎,常用于Spring Boot应用中...

    springboot框架+thymeleaf模板引擎+layui前端框架+数据库

    本文将详细讲解基于SpringBoot框架、Thymeleaf模板引擎、Layui前端框架以及数据库集成的开源项目。该项目还涉及到了Redis缓存技术,旨在提供一个高效、易用的Web应用开发方案。 首先,SpringBoot是Spring生态系统的...

    springboot2.0-thymeleaf.rar

    《SpringBoot 2.0与Thymeleaf模板引擎实战详解》 在现代Web开发中,SpringBoot以其简洁、高效的特点成为了许多开发者的首选框架。而Thymeleaf作为一个强大的服务器端模板引擎,能与SpringBoot完美融合,提供动态...

    SpringBoot视频教程 百度云

    06-SpringBoot集成Thymeleaf 07-Thymeleaf数据展示 08-SpringBoot集成Mybatis 09-SpringBoot事务管理 10-SpringBoot集成多数据源 11-SpringBoot集成MybatisPlus 12-MybatisPlus使用介绍 13-SpringBoot集成lombok 14-...

    springboot整合thymeleaf,下载即用

    SpringBoot 整合 Thymeleaf 是一个常见的前端模板引擎集成任务,对于快速构建Web应用十分方便。Thymeleaf 是一个强大的、现代化的服务器端HTML模板引擎,它支持XML、XHTML、HTML5等格式,并且在浏览器中可以原样显示...

    一个基于SpringBoot+Thymeleaf渲染的图书管理系统

    以上是基于SpringBoot+Thymeleaf实现图书管理系统的概述,实际项目中还可能涉及到更多的技术细节,如使用Maven或Gradle进行依赖管理,使用Git进行版本控制,以及单元测试、集成测试等最佳实践。通过这个系统,开发者...

    基于SpringBoot+Thymeleaf+JPA的博客系统.zip

    基于SpringBoot+Thymeleaf+JPA的博客系统 基于SpringBoot+Thymeleaf+JPA的博客系统 基于SpringBoot+Thymeleaf+JPA的博客系统 基于SpringBoot+Thymeleaf+JPA的博客系统 基于SpringBoot+Thymeleaf+JPA的博客系统 基于...

    基于SpringBoot+thymeleaf+mybatis构建的旅游后台管理系统,课程设计,毕业设计

    基于SpringBoot+thymeleaf+mybatis构建的旅游后台管理系统,课程设计,毕业设计 基于SpringBoot的旅游后台管理系统 1. 技术栈 springboot mybatis-plus thymeleaf 2. 功能 注册用户管理 旅游线路分类管理 旅行社管理...

    基于SpringBoot+Thymeleaf的旅游网站系统,前后端分离,高分毕设!

    基于SpringBoot+Thymeleaf的旅游网站系统,前后端分离,高分毕设! 基于SpringBoot+Thymeleaf的旅游网站系统,前后端分离,高分毕设! 基于SpringBoot+Thymeleaf的旅游网站系统,前后端分离,高分毕设! 基于...

    SpringBoot最新教程(精辟)

    06-SpringBoot集成Thymeleaf 07-Thymeleaf数据展示 08-SpringBoot集成Mybatis 09-SpringBoot事务管理 10-SpringBoot集成多数据源 11-SpringBoot集成MybatisPlus 12-MybatisPlus使用介绍 13-SpringBoot集成lombok 14-...

Global site tag (gtag.js) - Google Analytics