1.简介

  • Thymeleaf是用来开发Web和独立环境项目的现代服务器端Java模板引擎。

  • Thymeleaf的主要目标是为您的开发工作流程带来优雅的自然模板 - HTML。可以在直接浏览器中正确显示，并且可以作为静态原型，从而在开发团队中实现更强大的协作。

  • 借助Spring Framework的模块，可以根据自己的喜好进行自由选择，可插拔功能组件，Thymeleaf是现代HTML5 JVM Web开发的理想选择 - 尽管它可以做的更多。

  • Spring官方支持的服务的渲染模板中，并不包含jsp。而是Thymeleaf和Freemarker等，而Thymeleaf与SpringMVC的视图技术，及SpringBoot的自动化配置集成非常完美，几乎没有任何成本，你只用关注Thymeleaf的语法即可。

2.环境准备

点击next

next

点击next 等待maven导入依赖

2.快速开始

2.1

首先准备一个controller

@Controller

public class FirstController {

    @GetMapping("index1")

    public String index1(Model model){

        model.addAttribute("msg", "Hello, Thymeleaf!");

        return "index1";

    }

}

再新建一个html（在resources下的templates下创建）,在html命名空间加入下面，会出现语法提示

xmlns:th="http://www.thymeleaf.org"


<!DOCTYPE html>

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

<head>

    <meta charset="UTF-8">

    <title>hello</title>

</head>

<body>

    <h1>Success</h1>

    <!--/*@thymesVar id="msg" type="111"*/-->

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

</body>

</html>

启动项目

3 基础语法

3.1变量的使用

先创建个实体类

public class User {

    String name;

    int age;

    String sex;

    }

在controller里添加如下

@GetMapping("index2")

    public String index2(Model model){

        User user = new User();

        user.setName("张三");

        user.setAge(18);

        user.setSex("男");

        model.addAttribute("user",user);

        return "index2";

    }

新建一个index2.html

<table class="list">

        <tr>

            <th>姓名</th>

            <th>年龄</th>

            <th>性别</th>

        </tr>

        <tr>

            <td th:text="${user.name}"></td>

            <td th:text="${user.age}"></td>

            <td th:text="${user.sex}"></td>

        </tr>

    </table>

在页面获取user数据

如果数据量较大需要频繁地使用user,可以提供自定义变量解决：

<tr th:object="${user}">

            <td th:text="*{name}"></td>

            <td th:text="*{age}"></td>

            <td th:text="*{sex}"></td>

</tr>

3.2运算

  • 算术运算

    支持的算术运算符：+ - * / %

    <span th:text="${user.age}"></span>
    
<span th:text="${user.age}%2 == 0"></span>

  • 比较运算

    >, <, >= 、<=, 但 >，<不能直接使用，

    要使用别名gt (>)， lt (<)， ge (>=)， le (<=)， not (!) ， Also eq (==)， neq/ne (!=)

  • 条件运算

    三元运算：条件?条件成立的结果:条件不成立的结果

3.3循环

th:each

<table class="list">

        <tr>

            <th>姓名</th>

            <th>年龄</th>

            <th>性别</th>

        </tr>

        <tr th:each="u : ${user}">

            <td th:text="*{u.name}"></td>

            <td th:text="*{u.age}"></td>

            <td th:text="*{u.sex}"></td>

        </tr>

    </table>


@GetMapping("index2")

    public String index2(Model model){

        List<User> user = new ArrayList<>();

        user.add(new User("张三",18,"男"));

        user.add(new User("李四",19,"男"));

        user.add(new User("王五",18,"女"));

        model.addAttribute("user",user);

        return "index2";

    }

运行结果

迭代的同时，也可以获取迭代对象的状态

  • index，从0开始的角标
  • size，总元素个数
  • count，元素的个数，从1开始
  • current，当前遍历到的元素
  • even/odd，返回是否为奇偶，boolean值
  • first/last，返回是否为第一或最后，boolean值

例

<tr th:each="u,stat : ${user}">

            <td th:text="*{u.name}"></td>

            <td th:text="*{u.age}"></td>

            <td th:text="*{u.sex}"></td>

</tr>

3.4逻辑判断

th:if 或者 th:unless，两者的意思相反

<span th:if="${user.age} < 25">年轻人</span>

如果为true，则标签会渲染到页面，否则不会渲染。

3.5switch

<div th:switch="${user.role}">

  <p th:case="'teacher'">教师</p>

  <p th:case="'student'">学生</p>

  <p th:case="*">其它</p>

</div>
  • 需要注意的是，一旦有一个th:case成立，其它的则不再判断。与java中的switch是一样的。
  • th:case="*"表示默认，放最后。

3.6内置对象

Thymeleaf中提供了一些内置对象，并且在这些对象中提供了一些方法，方便我们来调用。获取这些对象，需要使用#对象名来引用。

添加日期类型对象

@GetMapping("index3")

    public String index3(Model model){

        model.addAttribute("today", new Date());

        return "index3";

    }


    <p>今天是：<span th:text="${#dates.format(today,'yyyy-MM-dd')}">2019-12-17</span></p>

  • 一些内置对象
对象 作用
#dates 处理java.util.date的工具对象
#calendars 处理java.util.calendar的工具对象
#numbers 用来对数字格式化的方法
#bools 用来判断布尔值的方法
#arrays 用来护理数组的方法
#strings 用来处理字符串的方法
#lists 用来处理List集合的方法
#sets 用来处理set集合的方法
#maps 用来处理map集合的方法

Thymeleaf入门与基础语法的更多相关文章

  1. Python入门篇-基础语法

    Python入门篇-基础语法 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.编程基础 1>.程序 一组能让计算机识别和执行的指令. 程序 >.算法+ 数据结构= 程 ...

  2. Python入门 —— 02基础语法

    基础语法入门学习推荐: 简明 Python 教程 下文仅为入门推荐书籍的补充与重点 多行语句:末尾使用斜杠 (  ) ,将一行分为多行 var = item1 + item2 + item3 注释: ...

  3. python2.7入门---简介&基础语法

    Python 是一个高层次的结合了解释性.编译性.互动性和面向对象的脚本语言,具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,它具有比其他语言更有特色语法结构.基于上述原因, ...

  4. JavaScript快速入门-ECMAScript基础语法

    一.JavaScript引入方式 1.行内式 <script> alert(123); </script> 2.外链式 <script src='custom.js'&g ...

  5. vueJs的简单入门以及基础语法

    1-1基本数据绑定 <div id="app"> {{ msg }} </div> //script new Vue({ el:"#app&quo ...

  6. Java零基础入门之基础语法

    一.Java标识符 什么是标识符? 标识符是用来标识类名.对象名.变量名.方法名.数组名.自定义数据类型的有效字符序列. 合法的标识符 ①:由字母.数字.下划线"_".美元符号&q ...

  7. python3入门之基础语法

    Python 是一个高层次的结合了解释性.编译性.互动性和面向对象的脚本语言.Python 的设计具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,它具有比其他语言更有特色语法 ...

  8. 【Scala】新手入门，基础语法概览

    目录 变量.常量和数据类型 var val 数据类型 条件表达式 块表达式 to循环 for循环 for推导式 scala中的方法和函数 方法的定义 函数的定义 函数和方法的区别 变量.常量和数据类型 ...

  9. python3 入门 (一) 基础语法

    1.编码问题 默认情况下,Python 3源码文件以 UTF-8 编码,所有字符串都是 unicode 字符串. 也可以为源码文件指定不同的编码,在文件头部加上: # coding=gbk 2.关键字 ...

随机推荐

  1. http服务需要pycurl模块这样去监控服务

    最近运维还是比较空闲,写篇自己的心得体会.做过运维的应该都做过http服务了.像一些电子商城,或者是一些互联网公司,web的服务之类是至关重要的,近期看了刘天斯大哥的书觉得自己运维平台应该也可以这样去 ...

  2. postgres centos 创建数据库 创建用户

    一个小的流程关于如何创建数据库和用户,用以加强印象,以及留档备份 一.创建账户 1.登录postgres账户 su postgres 2.进入psql 指令 psql 3.创建用户 create US ...

  3. [Go]TCP服务中增加消息队列与工作池

    之前的处理中每一个连接都会创建一个主groutine , 每个连接中的主groutine中创建出读groutine 和写groutine 每个连接处理业务再单独开出一个groutine ,这样如果有1 ...

  4. 09. Go 语言并发

    Go 语言并发 并发指在同一时间内可以执行多个任务.并发编程含义比较广泛,包含多线程编程.多进程编程及分布式程序等.本章讲解的并发含义属于多线程编程. Go 语言通过编译器运行时(runtime),从 ...

  5. MyBatis中@MapKey使用详解

    MyBatis中@MapKey使用详解我们在上一篇文章中讲到在Select返回类型中是返回Map时,是对方法中是否存在注解@MapKey,这个注解我也是第一次看到,当时我也以为是纯粹的返回单个数据对象 ...

  6. ansible执行带有环境变量的脚本不生效

    1背景 jenkins发布时,使用ansible执行远程主机上的启动tomcat脚本发现不生效,启动tomcat的脚本中有环境变量. ansible主机为:172.16.35.8 tomcat服务器为 ...

  7. Linux下shell脚本实现mongodb定时自动备份

    MongoDB是一个基于分布式文件存储的数据库.由C++语言编写.旨在为WEB应用提供可扩展的高性能数据存储解决方案. MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功 ...

  8. leetcode-字符串篇

    Implement strStr() /** * Implement strStr(). *  * Return the index of the first occurrence of needle ...

  9. IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值3

    5  边框属性 边框属性用于设置一个元素的边框风格.边框宽度.边框颜色,可以一起设置4条边的边框,也可对上边框.右边框.下边框和左边框单独设置.分别介绍如下. a．边框风格属性 可以通过边框风格属性b ...

  10. Glide缓存流程

    本文首发于 vivo互联网技术 微信公众号 链接:https://mp.weixin.qq.com/s/cPLkefpEb3w12-uoiqzTig作者:连凌能 Android上图片加载的解决方案有多 ...