springboot-thymeleaf的使用（1）

最新推荐文章于 2020-04-16 21:41:09 发布

原创最新推荐文章于 2020-04-16 21:41:09 发布 · 238 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#springboot

springboot 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了如何在SpringBoot项目中配置并使用Thymeleaf模板引擎，包括pom.xml依赖引入、禁用缓存设置、HTML模板创建、控制器编写及Thymeleaf语法示例。

标题springboot-thymelead的使用介绍

1）pom文件中引入thymeleaf所依赖的组件

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

2）在application.properties文件中禁止thymeleaf缓存

spring.thymeleaf.cache=false

3）在resources目录下建立文件夹templates
在templates文件下面建立一个html，hello.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"></meta>
    <title>Hello</title>
</head>
<body>
<h1  th:text="${message}">Hello chenyang！</h1>
</body>
</html>

4）建立一个controller作为访问hello.html的入口

@Controller
public class HelloController {

    @RequestMapping("/")
    public String index(ModelMap map) {
        map.addAttribute("message", "http://www.baidu.com");
        return "hello";
    }

}

5）启动程序，浏览器输入localhost:8080/, 可以在web上看见如下内容：

http://www.baidu.com

6）thymeleaf一些语法规则的介绍
A.文本替换标签的使用th:text,该标签恶意替换文本

<p th:text="${userName}">neo</p>
<span th:text="'Hello, ' + ${userName} + '!'"></span>
<br/>
<span th:text="|Hello, ${userName}!|"></span>

B.url标签的使用

<a  th:href="@{http://www.baidu.com/{type}(type=${type})}">look</a>
<div  th:style="'background:url(' + @{${img}} + ');'">

C.switch标签的使用

<div th:switch="${sex}">
      <p th:case="'woman'">姑娘</p>
      <p th:case="'man'">爷们</p>
      <p th:case="*">未知性别</p>
</div>

D.if标签的使用

<a th:if="${flag == 'yes'}"  th:href="@{http://favorites.ren/}"> home </a>
<a th:unless="${flag != 'no'}" th:href="@{http://www.baidu.com/}" >cy</a>

E:list标签的使用

<table>
        <tr  th:each="user,iterStat : ${users}">
            <td th:text="${user.name}">neo</td>
            <td th:text="${user.age}">6</td>
            <td th:text="${user.pass}">213</td>
            <td th:text="${iterStat.index}">index</td>
        </tr>
</table>

F:eq标签的使用

<input th:value="${age gt 40 ? '中年':'年轻'}"/>
<a th:if="${flag eq 'yes'}"  th:href="@{http://www.baidu.com/}"> favorites </a>