关键词：
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: header(‘Thymeleaf常用语法‘)" />
</head>
<body class="gray-bg">
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>Thymeleaf常用语法</h5>
</div>
<div class="ibox-content">
<div class="panel-body">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#bdsyfzysf">1、表达式语法之运算符</a>
</h4>
</div>
<div id="bdsyfzysf" class="panel-collapse collapse" th:with="year=2019">
<div class="panel-body" th:with="result=true">
<p class="text-danger">表达式常量</p>
<ul>
<li>
<p><strong>字符串常量</strong> - <span th:text="‘hello , word‘"></span></p>
</li>
<li>
<p><strong>数字常量</strong> - <span th:text="2019 + 2"></span></p>
</li>
<li>
<p><strong>布尔值常量</strong> - <span th:text="$result"></span></p>
</li>
<li>
<p><strong>空值常量</strong> - <span th:text="$result == null"></span></p>
</li>
</ul>
<p class="text-danger">字符串拼接</p>
<ul>
<li>
<p><strong>方法一</strong> - <span th:text="$#strings.append(‘abc‘, ‘d‘)"></span></p>
</li>
<li>
<p><strong>方法二</strong> - <span th:text="$#strings.concat(‘abc‘, ‘d‘)"></span></p>
</li>
<li>
<p><strong>方法三</strong> - <span th:text="$‘abc‘ + ‘d‘"></span></p>
</li>
<li>
<p><strong>方法四</strong> - <span th:text="‘abc‘ + ‘d‘"></span></p>
</li>
<li>
<p><strong>方法五</strong> - <span th:text="abc + d"></span></p>
</li>
<li>
<p><strong>方法六</strong> - <span th:text="|abc| + |d|"></span></p>
</li>
</ul>
<p class="text-danger">算数运算符</p>
<ul>
<li>
<p><strong>3 + 2 = </strong> <span th:text="$3 + 2"></span></p>
</li>
<li>
<p><strong>5 - 2 = </strong> <span th:text="$5 - 2"></span></p>
</li>
<li>
<p><strong>5 * 2 =</strong> <span th:text="$5* 2"></span></p>
</li>
<li>
<p><strong>5 / 2 =</strong> <span th:text="5.0 / 2"></span></p>
</li>
<li>
<p><strong>5 % 2 =</strong> <span th:text="5 % 2"></span></p>
</li>
</ul>
<p class="text-danger">关系运算符</p>
<ul>
<li>
<p><strong>1 > 1 = </strong> <span th:text="$1 gt 1"></span></p>
</li>
<li>
<p><strong>1 < 1 = </strong> <span th:text="$1 lt 1"></span></p>
</li>
<li>
<p><strong>1 >= 1 = </strong> <span th:text="$1 ge 1"></span></p>
</li>
<li>
<p><strong>1 <= 1 = </strong> <span th:text="$1 le 1"></span></p>
</li>
<li>
<p><strong>1 == 1 = </strong> <span th:text="$1 eq 1"></span></p>
</li>
<li>
<p><strong>1 != 1 = </strong> <span th:text="$1 ne 1"></span></p>
</li>
</ul>
<p class="text-danger">三目运算符</p>
<ul th:with="value=ruoyi">
<li>
<p><strong>方法一</strong> <span th:text="$1 != 1 ? |条件成立| : |条件不成立|"></span></p>
</li>
<li>
<p><strong>方法二</strong> <span th:text="$value == ‘ruoyi‘ ? $value : |默认值|"></span></p>
</li>
<li>
<p><strong>方法三（不成立返回空）</strong> <span th:text="$1 != 1 ? |条件成立|"></span></p>
</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#sxsz">2、属性设置</a>
</h4>
</div>
<div id="sxsz" class="panel-collapse collapse">
<div class="panel-body">
<p class="text-left">1、单个属性值设置：<input type="submit" value="提交" th:attr="value=#user.login.success"></input></p>
<p class="text-left">2、多个属性值设置：<input type="submit" value="提交" th:attr="value=#user.login.success,class=‘btn btn-primary‘"></input></p>
<p class="text-left">3、设置单个HTML节点属性：<input type="submit" value="提交" th:value="#user.login.success"></input></p>
<p class="text-left">4、设置多个HTML节点属性：<input type="submit" value="提交" th:value="#user.login.success" th:class="‘btn btn-primary‘"></input></p>
<p class="text-left">5、属性值后面拼接：<div id="imgDiv" th:attrappend="id=‘-dataId‘"></div></p>
<p class="text-left">6、属性值前面拼接：<div id="imgDiv" th:attrprepend="id=‘dataId-‘"></div></p>
<p class="text-left">7、属性添加style样式：<div style="text-align: left;" th:styleappend="‘color:red‘">style样式</div></p>
<p class="text-left">8、属性添加class样式：<div class="btn btn-primary btn-xs" th:classappend="‘btn-rounded‘">class样式</div></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#tjpd">3、条件判断</a>
</h4>
</div>
<div id="tjpd" class="panel-collapse collapse">
<div class="panel-body">
<p class="text-danger">条件判断</p>
<ul th:with="value=ruoyi">
<li>
<p><strong>方法一</strong> - <span th:if="0">数字类型，如果为0，不显示</span></p>
<p><strong>方法二</strong> - <span th:if="false">false、off、no 不显示</span></p>
<select th:with="sex=1" th:switch="$sex">
<option th:case="0">男</option>
<option th:case="1">女</option>
</select>
</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#sjdd">4、数据迭代</a>
</h4>
</div>
<div id="sjdd" class="panel-collapse collapse">
<div class="panel-body">
<p class="text-danger">list数据迭代</p>
<table>
<tr th:each="user : $users">
<td th:text="$user.userName"></td>
</tr>
</table>
<p class="text-danger">map数据迭代</p>
<table>
<tr th:each="map : $userMap">
<td th:text="$map.key"></td>
<td th:text="$map.value.userName"></td>
</tr>
</table>
<p class="text-danger">数据状态对象（自定义状态对象）</p>
<table class="table">
<thead>
<tr>
<th>用户名</th>
<th>从0开始的索引</th>
<th>从1开始的索引</th>
<th>数据集合大小</th>
<th>是否第一次迭代</th>
<th>是否最后一次迭代</th>
<th>是否偶数次迭代</th>
<th>是否奇数次迭代</th>
</tr>
</thead>
<tbody>
<tr th:each="user,state : $users">
<td th:text="$user.userName"></td>
<td th:text="$state.index"></td>
<td th:text="$state.count"></td>
<td th:text="$state.size"></td>
<td th:text="$state.first"></td>
<td th:text="$state.last"></td>
<td th:text="$state.even"></td>
<td th:text="$state.odd"></td>
</tr>
</tbody>
</table>
<p class="text-danger">数据状态对象（默认规则 节点变量名+Stat）</p>
<table class="table">
<thead>
<tr>
<th>用户名</th>
<th>从0开始的索引</th>
<th>从1开始的索引</th>
<th>数据集合大小</th>
<th>是否第一次迭代</th>
<th>是否最后一次迭代</th>
<th>是否偶数次迭代</th>
<th>是否奇数次迭代</th>
</tr>
</thead>
<tbody>
<tr th:each="user : $users">
<td th:text="$user.userName"></td>
<td th:text="$userStat.index"></td>
<td th:text="$userStat.count"></td>
<td th:text="$userStat.size"></td>
<td th:text="$userStat.first"></td>
<td th:text="$userStat.last"></td>
<td th:text="$userStat.even"></td>
<td th:text="$userStat.odd"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#xhbds">5、星号表达式</a>
</h4>
</div>
<div id="xhbds" class="panel-collapse collapse">
<div class="panel-body">
<p class="text-danger">星号表达式</p>
<table class="table">
<thead>
<tr>
<th>用户ID</th>
<th>用户名</th>
</tr>
</thead>
<tbody>
<tr th:each="user : $users" th:object="$user">
<td th:text="*userId"></td>
<td th:text="*userName"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<th:block th:include="include :: footer" />
</body>
</html>
blade常用语法(代码片段)
<?phpnamespaceAppHttpControllers;usehttpEnvRequest;useIlluminateFoundationAuthAccessAuthorizesRequests;useIlluminateFoundationBusDispatchesJobs;useIlluminateFoundationValidationValida 查看详情
markdown：常用语法(代码片段)
一级标题#一共可以6级标题，几级几个#代码用前后扩上HelloWorld!代码块用前后扩上HelloWorld!加粗**加粗了**加粗了分割线***给文字加链接[文字](网址) 查看详情
ftl指令常用标签及语法(代码片段)
FTL指令常用标签及语法注意：使用freemaker，要求所有标签必须闭合，否则会导致freemaker无法解析。freemaker注释:<#--注释内容-->格式部分,不会输出----------------------------------基础语法----------------------------------1、字符输出$emp.name... 查看详情
markdown常用语法(代码片段)
1.设置图片尺寸<divalign=left><imgsrc="https://ixxxxx.jpg"width="50%"height="50%"></div> 查看详情
es12常用新语法(代码片段)
ES12常用新语法FinalizationRegistryWeakRef逻辑赋值运算符NumericSeparatorString.replaceAllFinalizationRegistry当一个对象没有被引用时，GC算法会对其进行回收，那么FinalizationRegistry可以知道该对象在何时被回收掉。letinfo=name:"fzb",age:21 查看详情
tmod：常用语法(代码片段)
ylbtech-Tmod：常用语法 1.返回顶部1、循环eachitemsasitemindex<tr><td>index+1</td><td>item.Title</td></tr>/each2、2.条件返回顶部1、三级运算item.IsTeamManager?‘是‘:‘否‘ 查看详情
mybatis常用标签(代码片段)
mybatis是在日常开发中最常用的orm框架，所以熟练使用mybatis是必须掌握的技能，那么本篇文章将总结所有在开发中常用的标签。1.select标签select表示为查询语法。2.insertinsert表示为插入语法。3.updateupdate表示为修改语法。4.d... 查看详情
es10常用新语法(代码片段)
ES10常用新语法flatflatMapObject.fromEntriestrimStarttrimEndSymboldescriptionOptionalcatchbindingflatflat()方法可以深度遍历一个数组，并返回新的数组//数组内又存在数组，数组嵌套的情况constnums=[10,22,[4,6],81,[[32,45],[]],10]; 查看详情
es8常用新语法(代码片段)
ES8常用语法ObjectvaluesObjectentriesStringpaddingTrailingCommasObject.getOwnPropertyDescriptorsasync和awaitObjectvalues之前可以通过Object.keys获取对象的key值，在ES8中，可以通过Object.values获取对象的值constinfo=name:"fzb",age: 查看详情
es12常用新语法(代码片段)
ES12常用新语法FinalizationRegistryWeakRef逻辑赋值运算符NumericSeparatorString.replaceAllFinalizationRegistry当一个对象没有被引用时，GC算法会对其进行回收，那么FinalizationRegistry可以知道该对象在何时被回收掉。letinfo=name:"fzb 查看详情
es11常用新语法(代码片段)
ES11常用新语法BigIntNullishCoalescingOperatorOptionalChainingGlobalThisfor...in标准化BigInt在JS中最大的安全整数位Number.MAX_SAFE_INTEGER,也就是说超过这个数的整数是不安全的constmaxNum=Number.MAX_SAFE_INTEGER;console.log(maxNum); 查看详情
markdown常用语法(代码片段)
1.标题语法：#一级标题##二级标题###三级标题####四级标题效果：一级标题二级标题三级标题四级标题2.字体加粗语法：**要加粗的文字**效果：要加粗的文字3.添加图片4.单行代码语法：`print("helloworld")`效果：print("hellowo... 查看详情
es9常用新语法(代码片段)
ES9常用新语法AsynciteratorsObjectspreadoperatorsPromisefinallyAsynciterators后续迭代器单独讲解ObjectspreadoperatorsObjectspreadoperators(对象展开运算)已经讲解过：ES6：对象增强写法&解构&let/constPromisefinally后续讲Pr 查看详情
es11常用新语法(代码片段)
ES11常用新语法BigIntNullishCoalescingOperatorOptionalChainingGlobalThisfor...in标准化BigInt在JS中最大的安全整数位Number.MAX_SAFE_INTEGER,也就是说超过这个数的整数是不安全的constmaxNum=Number.MAX_SAFE_INTEGER;console.log(maxNum);//90 查看详情
es9常用新语法(代码片段)
ES9常用新语法AsynciteratorsObjectspreadoperatorsPromisefinallyAsynciterators后续迭代器单独讲解ObjectspreadoperatorsObjectspreadoperators(对象展开运算)已经讲解过：ES6：对象增强写法&解构&let/constPromisefinally后续讲Pr 查看详情
markdown常用语法(代码片段)
MarkDown学习标题:#+标题名称二级三级依此类推字体粗体(两边+**)HelloWorld!斜体(两边+*)HelloWorld!粗体加斜体(两边+***)HelloWorld!删除样式(两边+~~)HelloWorld!引用(>)即使再小的帆也能远航分割线(---或者***)图片 ![]+()超链接[]+()点击跳到... 查看详情
es8常用新语法(代码片段)
ES8常用语法ObjectvaluesObjectentriesStringpaddingTrailingCommasObject.getOwnPropertyDescriptorsasync和awaitObjectvalues之前可以通过Object.keys获取对象的key值，在ES8中，可以通过Object.values获取对象的值constinfo=n 查看详情
markdown常用语法(代码片段)
markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。一、标题在想要设置为标题的文字前面加#来表示一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。注：标准语... 查看详情