thymeleaf基础语法及内置对象

在上一篇中已经讲解了thymeleaf的应用,下面再来介绍一下thymeleaf基础语法及内置对象与工具类。thymeleaf基础语法thymeleaf基础语法主要有以下四种:变量表达式${}选择变量表达式*{}链接表达式@{}(不安全)其他表达式(字符串连接、数学运算、布尔逻辑、三目运算)变量表达式${}<!-- 变量表达式  --><div th:text="变量表达式"></div><form id="from"> <input id="id" name="ID" th:value="${pets[0].id}"/> <input id="name" name="名称" th:value="${pets[0].name}"/> <input id="varieties" name="种类" th:value="${pets[0].varieties}"/></form>1234567复制代码类型:[java]使用th:value="${pets[0].xx}将pets集合中第一个元素的id/name/varieties属性获取到:

选择变量表达式*{}<!-- 选择变量表达式  --><div th:text="选择变量表达式"></div><form id="form" th:object="${pets[0]}"> <input id="id" name="id" th:value="*{id}"/> <input id="name" name="名称" th:value="*{name}"/> <input id="varieties" name="种类" th:value="*{varieties}"/></form>1234567复制代码类型:[java]通过th:object="${pets[0]}选取到pets集合中第一个元素,再通过th:value="*{xx}"获取第一个元素的id/name/varieties属性:

链接表达式@{}(不安全)链接表达式能够直接拿到应用路径并拼接静态资源路径。<!--<link rel="stylesheet" href="/webjars/bootstrap/css/bootstrap.min.css">--> <link rel="stylesheet" th:href="@{/webjars/bootstrap/css/bootstrap.min.css}">12复制代码类型:[java]将之前的代码进行了改写,运行代码,F12检查浏览器,会发现这种写法会将webjars版本号泄露出来,所以不建议使用:

其他表达式(字符串连接、数学运算、布尔逻辑、三目运算)<!-- 其他表达式  --><div th:text="其他表达式"></div><div th:text="${'My name is '+(pets[0].name!=null?pets[0].name:'no name')}"></div><form id="from"> <input id="id" name="ID" th:value="${pets[0].id}"/> <input id="name" name="名称" th:value="${pets[0].name}"/> <input id="c" name="种类" th:value="${pets[0].varieties}"/></form>12345678复制代码类型:[java]与Java语法基本一致,如果所选宠物刚好没有名字,则显示noname:

条件判断条件判断通常写法:<!--取正-->th:if="${articles}"<!--取反-->th:if="!${articles}"/th:unless="${articles}"<div th:if="${pets}"> <p>找到了一只小畜生</p></div><div th:if="!${articles}"> <p>找不到这只小畜生</p></div><div th:unless="${articles}"> <p>找不到这只小畜生</p></div>1234567891011复制代码类型:[java]内置对象${#ctx}是一个模板引擎的全局上下文对象,可以用来获取其它内置对象${#locale}全局上下文中区域语言设置对象${#param}全局上下文中参数变量${#request}HttpServletRequest对象(在web环境下使用)${#response}HttpServletResponse对象(在web环境下使用)${#session}HttpSession对象(在web环境下使用)${#servletContext}ServletContext对象(在web环境下使用)基础对象:thymeleaf工具类官方文档https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#appendix-b-expression-utility-objects

(0)

相关推荐

  • python - 内置对象 之 变量

    一.变量命名规划 1.命名规则 (1)命名内容只能是字母.下划线.数字 (2)名字第1字符只能是字母或下划线 (3)区分大小写 2.私有变量 (1)_xxx "单下划线" 开始的成 ...

  • 【Asp.net】 七大内置对象

    本文主要分析Asp.net的7大内置对象. 利用提供的内置对象可以实现页面之间的数据传递和一些特定的功能,如数据输出,页面重定向等.5个核心常用内置对象分别是Application,Session, ...

  • javascript内置对象的innerText、innerHTML、join方法的认识

    innerText语法规范:HTMLElement.innerText = string ;//后面的赋值是一个字符串形式 innerText是一个非标准形式,不识别HTML标签 返回值会去除空格和换 ...

  • 原生JS内置对象的字符串操作习题

    (一)获取字符串长度 console.log(str.length); // 33 (二)取出指定位置的字符,如:0,3,5,9等 console.log(str[0], str[3], str[5] ...

  • 内置对象Math.random()随机数方法的三种示例

    内置对象Math.random()随机数方法的三种示例

  • 内置对象Array-2

    pop() 原文:MDN - pop() 功能:pop() 方法从数组中删除最后一个元素,并返回该元素的值.此方法更改数组的长度. 语法: arr.pop():返回从数组中删除的元素 返回值:一个新数 ...

  • JavaScript——常用内置对象

    JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外I,JavaScript还提供多个内建对象,比如 Array,Date,Math 等等 对象只是带有属性和方法的特殊数据 ...

  • JavaScript的内置对象

    内置对象:对象是由属性和方法组成的,使用点语法访问 一,array数组 1. 特点: 数组用于存储若干数据,自动为每位数据分配下标,从0开始 数组中的元素不限数据类型,长度可以动态调整 动态操作数组元 ...

  • JS异步单线程与内置对象面试

    什么是异步? <script> //异步 console.log(1); setTimeout(function(){ alert(2); },1000); console.log(3); ...