Thymeleaf基础一

2018-03-11 本文已影响61人青蛙过河

变量表达式：

变量表达式可分为三种，一种是直接接收传过来的变量的，一种是在变量表达式中写数值的和字符串的，还有一种就是书写布尔值的。
接收变量的：

<p th:text="${hello}">你好<p>

书写数值和字符串的的：

<span th:text="2012 + 5">2017</span>//可以直接相加
<span th:text="'字符串字面值需要用单引号包括'">默认值</span>//需要用单引号包围

书写布尔值的：

<p th:text="true==true"></p>

消息表达式：

使用消息表达式需要定义properties配置文件，然后对应不同地区，显示出的语言也不一样，比如说显示中文和英文一样，不过貌似不常用，下面贴出消息表达式的语法：

home.welcome=你好

选择表达式：

选择表达式也叫星号表达式，他也是求变量值的，不过星号表达式是根据美元符号来定义的，下面是具体的Demo：

<div th:object="${session.user}">
    <p>Name: <span th:text="*{firstName}">Sebastian</span>.</p>
    <p>Surname: <span th:text="*{lastName}">Pepper</span>.</p>
    <p>Nationality: <span th:text="*{nationality}">Saturn</span>.</p>
  </div>

链接表达式

链接表达式表示是生成链接的，链接的地址可以能相对的，也可以是绝地的，也有根据服务器来生成的。
相对路径是这样的：/showUsers
服务器的路径是这样的：~/myapp/showUser
允许我们调用服务器其它的url是这样的：//code.jquery.com/jquery-2.0.3.min.js
下面列出一些简单的表达式：

<p><a th:href="@{/}">返回主页</a></p>

在链接表达式中添加参数：

<p><a th:href="@{/hello(name='易天',age=23)}">问候</a></p>

最后这些链接都会通过org.thymeleaf.linkbuilder.ILinkBuilder接口处理的。

分段表达式

分段表达式可以在其它页面使用表达式来引入自定义的代码段，比如说下面这个是我通过th:fragment自定义的代码段：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head th:fragment="header">
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link th:href="@{/static/css/bootstrap.css}" rel="stylesheet"/>
        <link th:href="@{/static/css/bootstrap-theme.css}" rel="stylesheet"/>
        <script th:href="@{/static/js/jquery.js}"></script>
        <script th:href="@{/static/js/bootstrap.js}"></script>
    </th:block>
  </head>
<body>
</body>
</html>

上面是定义代码块的命令，下面会有两个引入代码块的功能，分别为th:insert和th:replace，具体的方法请百度，不过大多数还是使用：th:insert。

算数逻辑与比较运算符：

在Thymeleaf中可以进行常见的各种算术运算。如果使用除/或者取余%运算符的话，还可以使用div或mod代替。

<p th:text="(17%5)-2"></p>

比较和逻辑运算符有gt (>), lt (<), ge (>=), le (<=), not (!), eq (==), neq/ne (!=)

<p th:text="1 gt 2"></p>

条件表达式

<p th:text="true?'真':'假'"></p>

<p th:text="null?:'我不是空值'"></p>

设置任意属性值

<input th:attr="type='button',value='${msg}'">

还有一些设置常用属性值的，这个有很多，可以在自己需要的时候区百度查查之类的。