SpringBoot学习笔记（四）：Thymeleaf基本使用

最新推荐文章于 2023-03-11 13:52:17 发布

ChenBbMing

最新推荐文章于 2023-03-11 13:52:17 发布

阅读量287

点赞数 1

分类专栏： SpringBoot 文章标签： spring boot

本文链接：https://blog.csdn.net/cjm_01/article/details/109025603

版权

SpringBoot 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

SpringBoot学习笔记（四）：Thymeleaf基本使用

Thymeleaf官网
 Thymeleaf参考指南

一、Thymeleaf的简单介绍

Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎，能够处理HTML，XML，JavaScript，CSS甚至纯文本。

二、Thymeleaf标准表达式语法

1.变量表达式：${}
2.选择或星号表达式：*{}
3.文字国际化表达式：#{}
4.URL 表达式：@{}

三、pom.xml引入Maven依赖

<!--Thymeleaf模板-->
<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

四、application.properties配置thymeleaf

#关闭thymeleaf缓存
spring.thymeleaf.cache=false

html标签

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

五、控制类

HelloController类

@Controller
public class HelloController {
    @RequestMapping("/")
    public String index(ModelMap map) {
        map.addAttribute("message", "Hello World!");
        return "hello";
    }
}

ExampleController类

@Controller
public class ExampleController {
    @RequestMapping("/string")
    public String string(ModelMap map) {
        map.addAttribute("userName", "Jax");
        return "string";
    }
    @RequestMapping("/if")
    public String ifunless(ModelMap map) {
        map.addAttribute("flag", "yes");
        return "if";
    }
    @RequestMapping("/list")
    public String list(ModelMap map) {
        map.addAttribute("users", getUserList());
        return "list";
    }
    @RequestMapping("/url")
    public String url(ModelMap map) {
        map.addAttribute("type", "more");
        map.addAttribute("img", "https://www.baidu.com/img/flexible/logo/pc/privacy.gif");
        return "url";
    }
    @RequestMapping("/eq")
    public String eq(ModelMap map) {
        map.addAttribute("name", "example");
        map.addAttribute("age", 30);
        map.addAttribute("flag", "yes");
        return "eq";
    }
    @RequestMapping("/switch")
    public String switchcase(ModelMap map) {
        map.addAttribute("sex", "woman");
        return "switch";
    }
    private List<User> getUserList(){
        List<User> list=new ArrayList<User>();
        User user1=new User("Tom",21,"123");
        User user2=new User("Jenny",22,"124");
        User user3=new User("Alice",20,"125");
        list.add(user1);
        list.add(user2);
        list.add(user3);
        return  list;
    }
}

六、template包下的html文件

hello.html

<h1 th:text="${message}">Hello World</h1>

string.html

<h1>name</h1>
<p th:text="${userName}">example</p>
<span th:text="'Welcome  ' + ${userName} + '!'"></span>
<br/>
<span th:text="|Welcome ${userName}!|"></span>

if.html

<h1>If/Unless</h1>
<a th:if="${flag == 'yes'}"  th:href="@{http://www.baidu.com/}"> 百度 </a>
<br/>
<a th:unless="${flag != 'no'}" th:href="@{http://www.runoob.com/}" >菜鸟教程</a>

list.html

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

url.html

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

eq.html

<h1>EQ</h1>
<input th:value="${name}"/>
<br/>
<input th:value="${age gt 30 ? '中年':'年轻'}"/>
<br/>
<a th:if="${flag eq 'yes'}"  th:href="@{http://www.runoob.com/}"> 菜鸟 </a>

switch.html

<div th:switch="${sex}">
    <p th:case="'woman'">她是女的！</p>
    <p th:case="'man'">他是男的!</p>
    <!-- *: case的默认的选项 -->
    <p th:case="*">不男不女!</p>
</div>

ChenBbMing

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
SpringBoot学习笔记（四）：Thymeleaf基本使用

SpringBoot学习笔记（四）：Thymeleaf基本使用Spring Boot-ThymeleafThymeleaf的简单介绍标准表达式语法pom.xml引入依赖application.properties自定义错误处理控制类template包下的html文件Spring Boot-ThymeleafThymeleaf官网Thymeleaf的简单介绍Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎。标准表达式语法1.变量表达式：${}2.选择或星号表达式：*
复制链接

扫一扫