1、简介

thymleaf是一个基于html的页面模板，springboot极力推荐使用它，代替jsp。

API地址：https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#introducing-thymeleaf

2、使用

1）添加依赖

<!--thymleaf-->

<dependency>

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

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

</dependency>

2）在templates下添加一个html，将文档声明为thymleaf文档：

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

3）写一个控制器

package com.biniu.controller;

import org.apache.catalina.servlet4preview.http.HttpServletRequest;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

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

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

/**

 * @author lay

 * @date 2018/4/15.

 * @time 12:53

 */

@Controller

public class IndexController {

    @RequestMapping(value = {"", "index"})

    public String index(HttpServletRequest request, Model model) {

        // 属性

        model.addAttribute("properties", "properties value");

        // 对象

        Map<String, Object> person = new HashMap<>();

        person.put("name", "lay");

        model.addAttribute("person", person);

        // 列表

        List<Map<String, Object>> persons = new ArrayList<>();

        persons.add(person);

        persons.add(person);

        persons.add(person);

        model.addAttribute("persons", persons);

        // request

        request.setAttribute("requestAttribute", "requestValue");

        // session

        request.getSession().setAttribute("sessionAttribute", "sessionValue");

        return "index";

    }

}

4）thymleaf基本功能使用示例

<!DOCTYPE html>

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

<head>

    <meta charset="UTF-8">

    <title>welcome</title>

    <!--引入资源-->

    <link rel="stylesheet" th:href="@{/css/index.css}"/>

</head>

<body>

属性:

<div th:text="${properties}"></div>

<hr/>

对象:

<div th:text="${person.name}"></div>

<hr/>

if:

<div th:if="${1 <= 2}">if true</div>

<hr/>

switch-case:

<div th:switch="1">

    <div th:case="1">case 1</div>

    <div th:case="2">case 1</div>

    <div th:case="3">case 1</div>

    <div th:case="4">case 1</div>

</div>

<hr/>

遍历:

<div th:each="item, stat: ${persons}">

    <span th:text="${item.name}"></span>:&nbsp;<span th:text="${stat.index}"></span>

</div>

<hr/>

跳转:

<a th:href="@{http://www.baidu.com}">百度</a>

<hr/>

图片:

<img th:src="@{https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=708140547,444241267&fm=27&gp=0.jpg}" alt="" style="display: block;width: 100px;height: 100px;">

<hr/>

request取值:

<div th:text="${requestAttribute}"></div>

<hr/>

session取值:

<div th:text="${session.sessionAttribute}"></div>

<hr/>

</body>

</html>

三、thymeleaf的使用的更多相关文章

  1. SpringBoot（三）thymeleaf+JPA+MySql

    接着上一节的 第一步:在pom文件中加入以下代码: <!--JPA--> <dependency> <groupId>org.springframework.boo ...

  2. Spring Boot 2.X(三)：使用 Spring MVC + MyBatis + Thymeleaf 开发 web 应用

    前言 Spring MVC 是构建在 Servlet API 上的原生框架,并从一开始就包含在 Spring 框架中.本文主要通过简述 Spring MVC 的架构及分析,并用 Spring Boot ...

  3. spring boot:thymeleaf模板中insert/include/replace三种引用fragment方式的区别(spring boot 2.3.3)

    一,thymeleaf模板中insert/include/replace三种引用fragment方式的区别 insert: 把整个fragment(包括fragment的节点tag)插入到当前节点内部 ...

  4. vert.x学习（三），Web开发之Thymeleaf模板的使用

    在vert.x中使用Thymeleaf模板,需要引入vertx-web-templ-thymeleaf依赖.pom.xml文件如下 <?xml version="1.0" e ...

  5. Spring boot(三)整合mybaties+thymeleaf实现基础crud

    工程结构: 首先在pom文件中引入依赖 <?xml version="1.0" encoding="UTF-8"?> <project xml ...

  6. 三、thymeleaf模板引擎构建前台html, 后台使用 ModelAndView 和 Model 模型

    项目源码:https://github.com/y369q369/springBoot.git      ->     thymeleaf 私聊QQ: 1486866853 1.pom.xml中 ...

  7. Spring MVC ： Java模板引擎 Thymeleaf (三）

    以下以构造一个表单開始,解说 Thymeleaf的使用方法. 为了演示方便,还是以经典的注冊为例. 这是Thymeleaf的form的形式, <form action="#" ...

  8. 三、SpringBoot整合Thymeleaf视图

    目录 3.1 Thymeleaf视图介绍 3.2 创建SpringBoot项目 3.2 配置Thymeleaf 3.3 编写Demo 3.4 小结 3.1 Thymeleaf视图介绍 先看下官网的介绍 ...

  9. 转--Spring MVC ： Java模板引擎 Thymeleaf (三）

    原文:http://www.csdn.com/html/topnews201408/49/1349.htm 下面以构造一个表单开始,讲解 Thymeleaf的用法.为了演示方便,还是以经典的注册为例. ...

随机推荐

  1. 语法解析 rs.next()

    ResultSet.next()方法将指针从当前位置下移一行.ResultSet 指针最初位于第一行之前:第一次调用 next 方法使第一行成为当前行:第二次调用使第二行成为当前行,依此类推. 如果新 ...

  2. iOS开发应用结构化资源储备

    1.常用跳转 class 1.1 工程配置及项目初始化 1.2 超常用代码规范 1.3 一种传统的程序模块化马甲包开发架构 2.UI显示部分 UIButton UILabel UIImageView ...

  3. navicat 导入txt到数据库

    一直都是建库 一条条添加数据 昨天碰上要导入一堆数据突然不知所措 查资料才弄好,先记录一下,以免忘记 这个是导入的数据名可以改 对导入数据表进行增删改 以上!

  4. lua 5.3 英文手册 自己收集整理版

    /* ** state manipulation */ LUA_API lua_State *(lua_newstate) (lua_Alloc f, void *ud);//创建lua虚拟机 LUA ...

  5. Intellig IDEA 搭建spring boot 热部署

    在pom中直接引入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactI ...

  6. classnofoundexception:org.springframework.ui.freemarker.FreeMarkerConfigurationFactory

    这个是在整合freemarker的时候出现的问题,在添加依赖spring-context-support.jar之后就好了 但是我在搭建框架的时候出现的问题是明明添加了这个依赖,但是出现一个问题 出现 ...

  7. XPath语法使用的一些心得

    XPath语法还是很强大的,支持一些函数和操作符,方便操作,但是因为版本的原因可能有的函数只能在XPath2(2007)里使用,而不能在XPath1(1999)中使用,比如函数 ends-with(s ...

  8. 为什么sudo执行命令还是会提示权限不够

    安装openstack 的过程中需要执行以下命令,虽然使用了sudo,但是依然提示权限不够 $ sudo echo "deb http://ubuntu-cloud.archive.cano ...

  9. 洛谷 P2053 [SCOI2007]修车（最小费用最大流）

    题解 最小费用最大流 n和m是反着的 首先, \[ ans = \sum{cost[i][j]}*k \] 其中,\(k\)为它在当前技术人员那里,排倒数第\(k\)个修 我们可以对于每个技术人员进行 ...

  10. SPOJ - COT 路径构造主席树

    题意:给出一个带权树,多次询问路径\((u,v)\)的第k小权值 这是主席树往区间扩展到树上的套路题 由于是按路径查询,我们无法使用dfs序,但可利用主席树对父亲扩展的方法构造出链 因此要用dfs构造 ...