SpringBoot自带模板引擎Thymeleaf使用详解①

本文介绍: Th y m e leaf是一款用于渲染XML/HTML5内容的模板引擎，类似JSP。它可以轻易的与Spr in gMVC等We b 框架进行集成作为We b 应用的模板引擎。在Spr ingBo o t中推荐使用Thy m e leaf 编写动态页面。Thyme leaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个We b 应用。Thymeleaf在有网络和无网络的环境下皆可运行，它即可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。

前言

一、SpringBoot静态资源相关目录

二、变量输出

2.1 在templates目录下创建视图index.html

前言

Thymeleaf是一款用于渲染XML/HTML5内容的模板引擎，类似JSP。它可以轻易的与Spr ingMVC等Web 框架进行集成作为Web应用的模板引擎。在Sp r ingBoot中推荐使用Thy meleaf编写动态页
面。
Thy meleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个Web应用。Thymeleaf在有网络和无网络的环境下皆可运行，它即可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。没有数据时，Thymeleaf的模板可以静态地运行；当有数据返回到页面时，Thymeleaf 标签会动态地替换掉静态内容，使页面动态显示。

引入Thymeleaf起步依赖需要再pom.xml 添加以下代码

<dependency>
<groupId>org.springframework.boot</gro upId>
<a rt i factId>spring–boot–starter–thymeleaf</a rt i factId>
</dependency>

一、Sp r ingBoot静态资源 相关 目录

Sp ri ngBoot项目中没有WebApp目录，只有src目录。在src/main/resources 下面有 static 和 templates 两个文件夹。Sp r i ngBoot默认在static 目录中存放静态资源，而 templates 中放动态页面。
static目录
Sp r i ngBoot通过 /resources/static 目录访问静态资源

除了 /resources/static 目录，Sp r i ngBoot还会扫描以下位置的静态资源：

templates目录
在Sp r i ngBoot中不推荐使用JSP作为动态页面，而是默认使用Thymeleaf编写动态页面。templates目录是存放Thymeleaf页面的目录。

二、变量 输出

2.1 在templates目录下创建 视图 index.html

要想使用 thymeleaf则必须引入他的命名空间 http://www.thymeleaf.org

<!DOCTYPE html>
<!-- 引入thymeleaf命名空间，方便使用thymeleaf属性 -->
<html lang="en"
    xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>thymeleaf入门</title>
</head>
<body>
    <!-- 静态页面显示程序员，动态页面使用后端传来的msg数据代替 -->
    <h1 th:text="${msg}">程序员</h1>
</body>

2.2 创建 对应的Controll er

因为template中的html 文件不能直接访问，需要编写Controll er 跳转到页面中。代码如下：

@Controller
public class PageController {
  // 页面跳转
  @GetMapping("/show")
  public String showPage(Model model){
    model.addAttribute("msg","Hello
Thymeleaf");
    return "index";
 }
}

2.3 在视图 展示 model中的值

</s pan>
<hr/>
<input th:value=”${msg}”>

运行结果：

果然返回成功。OK，让我们进行下一项的测试

三、操作 字符串和时间

3.1 操作 字符串

Thymeleaf提供了一些内置对象可以操作数据，内置对象可直接在模板中使用，这些对象是以#引用的，操作字符串的内置对象为strings。

strings 常用方法
方法	说明
${#strings.i sEmpty(key)}	判断字符串是否为空，如果为空返回 true，否则返回 false
${#strings.contains(msg,’T’)}	判断字符串是否包含指定的子串，如果包含返回 true，否则返回 false
${#strings.start sWi th(msg,’a’)}	判断当前字符串是否以子串开头，如果是返回true，否则返回false
${#strings.end sWith(msg,’a’)}	判断当前字符串是否以子串结尾，如果是返回true，否则返回false
${#strings.length(msg)}	返回字符串的长度
${#strings.indexOf(msg,’h’)}	查找子串的位置，并返回该子串的下标，如果没找到则返回-1
${#string s.substring(msg,2,5)}	截取子串，用法与JDK的 subString 方法相同
${#strings.toUp perCase(msg)}	字符串转大写
${#strings.toLowerCase(msg)}	字符串转小写

使用方法

<hr>
<hr>
<hr>

运行结果

3.2 操作 时间

操作时间的内置对象为dates

内置对象dates常用方法
方法	说明
${#dates.format(key)}	格式化日期，默认的以浏览器默认语言为格式化标准
${#dates.format(key,’yyyy/MM/dd‘)}	按照自定义的格式做日期转换
${#dates.year(key)}	取年
${#dates.month(key)}	取月
${#dat es.day(key)}	取日