springboot开发之thymeleaf模板引擎

时间：2020-02-01 21:41:20 阅读：103 评论：0 收藏：0 [点我收藏+]

标签：page ring import classpath artifact return 三元运算符 map 括号

1、引入thymeleaf

在pom.xml中写入：

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

2、thymeleaf语法

技术图片

HelloController.java

package com.gong.springbootcurd.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.Map;

@Controller
public class HelloController {

    @RequestMapping("/login")
    public String success(Map<String,Object> map){
        map.put("hello","你好");
        return "success";
    }

}

thymeleaf会默认访问classpath:/templates/下的html文件，因此发送/login请求时会返回/templates/success.html

success.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h4>success page</h4>
    <div th:text="${hello}">
    </div>
</body>
</html>

（1）th：任意html属性；来替换原来属性的值

比如说th:id="${hello}" th:class="${hello}"，可以替换id和class里面的值，即此时id="你好"，class="你好"

（2）th中的属性是有优先级的

th后面可以接：片段包含、遍历、条件判断、声明变量、属性修改、修改指定属性默认值、修改标签体内容、声明片段等等的属性。

（3）表达式语法

${...}：用于获取变量值（不仅可以获取对象的属性，还可以调用方法、使用内置的基本对象、使用工具对象）

*{...}：选择表达式（和${...}基本功能一致），可以配合th:object使用，简化写法

#{...}：用于获取国际化内容的

@{...}：定义url链接的

~{...}：片段引用表达式

表达式里面可以使用：字面量、文本操作、数学运算、布尔运算、比较运算、条件运算、三元运算符

简略看看其中的一些：

HelloController.java

package com.gong.springbootcurd.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.Arrays;
import java.util.Map;

@Controller
public class HelloController {

    @RequestMapping("/login")
    public String success(Map<String,Object> map){
        map.put("hello","<h1>你好<h1>");
        map.put("users", Arrays.asList("张三","李四","王五"));
        return "success";
    }

}

success.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h4>success page</h4>
    <div th:text="${hello}"></div>
    <div th:utext="${hello}"></div>
    <h4 th:text="${user}" th:each="user:${users}"></h4>
    <hr/>
    <h4>
        <span th:each="user:${users}">[[${user}]]</span>
    </h4>
</body>
</html>