一个thymeleaf模板

最新推荐文章于 2023-03-21 19:20:25 发布
最新推荐文章于 2023-03-21 19:20:25 发布
阅读量109 收藏
点赞数
分类专栏： java web开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30347133/article/details/109912386
版权
web开发 同时被 2 个专栏收录
611 篇文章 2 订阅
订阅专栏
java
574 篇文章 4 订阅
订阅专栏 
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>这是Index.html页面</h1><br>

<span th:text="${username}">姓名</span><br>

--------------------------标准表达式开始----------------------------------<br>
<!--
  标准变量表达式
    ${user}获取Request作用域中key为user的变量，获取如果这个变量是对象类型，则需要 .属性名用于获取对象中的数据(model)
    如果这个属性也是对象类型（model），需要继续使用 .属性名获取数据例如 ${user.userInfo.address}

    如果不使用.方法获取属性值则会将对象的地址直接显示到页面上，只有基本数据个是可以在页面中进行显示。
    注意：thymeleaf中不仅可以使用对象.属性名的方法获取数据，还可以直接调用作用域中对象的任意一个公共方法
    -->
用户:<span th:text="${user}"></span><br>
姓名:<span th:text="${user.name}"></span><br>
年龄:<span th:text="${user.getAge()}"></span><br>
性别:<span th:text="${user.sex}"></span><br><br><br><br><br>

<!--
    由于标注变量表达式可以替代选择变量表达式，因此开始时通常情况直接使用标准变量表达式即可
-->
选择变量表达式
<div th:object="${user}">
    用户:<span th:text="${user}"></span><br>
    姓名:<span th:text="*{name}"></span><br>
    年龄:<span th:text="*{getAge()}"></span><br>
    性别:<span th:text="${user.sex}"></span><br><br><br><br><br>
</div>
<!-- 通常在一个网站需要连接到另外一个网站时需要使用 -->
<a th:href="@{http://www.baidu.com}">绝对路径</a><br>
<!--由于页面上下文路径变化后可能会导致无法完成到资源，因此很少或从来不用 -->
<a th:href="@{user/add}">页面相对路径</a><br>
<!--由于是项目上下文因此无论当前页面在哪个目录中，都可以从根目录开始计算需找资源，不会出现找不到资源的情况分，
因此，开发时经常会用 -->
<a th:href="@{/user/add}">项目相对路径</a><br>

<a th:href="@{'/user/del?name='+${user.name}}">删除</a><br>
<a href="@{'/user/del?name='+${user.name}}">删除</a><br>
--------------------------标准表达式结束----------------------------------<br><br><br>




--------------------------常用属性开始----------------------------------<br>


<table>

    <tr>
        <td>序号</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
        <td>操作</td>

    </tr>

    <tr th:each="userObj:${userList}">
        <td th:text="${userObjStat.count}">序号</td>
        <td th:text="${userObj.name}">姓名</td>
        <td th:text="${userObj.age}">年龄</td>
        <td th:text="${userObj.sex}">性别</td>
        <td> <a >删除</a> <a>修改</a> </td>

    </tr>
</table>
<br><br><br>

<table>

    <tr>
        <td>序号</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
        <td>操作</td>

    </tr>

    <tr th:each="node:${userMap}">
        <td th:text="${nodeStat.count}">序号</td>
        <td th:text="${node.value.name}">姓名</td>
        <td th:text="${node.value.age}">年龄</td>
        <td th:text="${node.value.sex}">性别</td>
        <td> <a >删除</a> <a>修改</a> </td>

    </tr>
</table>
<br><br><br>

<table>

    <tr>
        <td>序号</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
        <td>操作</td>

    </tr>

    <tr th:each="keyStr:${userMap.keySet()}">
        <td th:text="${keyStrStat.count}">序号</td>
        <td th:text="${userMap.get(keyStr).name}">姓名</td>
        <td th:text="${userMap.get(keyStr).age}">年龄</td>
        <td th:text="${userMap.get(keyStr).sex}">性别</td>
        <td> <a >删除</a> <a>修改</a> </td>

    </tr>
</table>
<br><br><br>

<table>
    <tr>
        <td>序号</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
        <td>操作</td>
    </tr>
    <tr th:each="userObj:${userMap.values()}">
        <td th:text="${userObjStat.count}">序号</td>
        <td th:text="${userObj.name}">姓名</td>
        <td th:text="${userObj.age}">年龄</td>
        <td th:text="${userObj.sex}">性别</td>
        <td> <a >删除</a> <a>修改</a> </td>

    </tr>
</table>


<br><br><br>
==================if判断
<table>
    <tr>
        <td>序号</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
        <td>操作</td>
    </tr>
    <tr th:each="userObj:${userMap.values()}">
        <td th:text="${userObjStat.count}">序号</td>
        <td th:text="${userObj.name}">姓名</td>
        <td th:text="${userObj.age}">年龄</td>
        <td th:if="${userObj.sex==1}">男</td>
        <td th:if="${userObj.sex==2}">女</td>
        <td> <a >删除</a> <a>修改</a> </td>

    </tr>
</table>
<br><br><br>

<form>
    姓名:<input type="text" th:value="${user.name}"><br>
    年龄:<input type="text" th:value="${user.age}"><br>
    性别:
    <span th:if="${user.sex==1}">
         男<input type="radio" value="1" name="sex" checked> 女<input type="radio" value="2" name="sex">
    </span>
    <span th:if="${user.sex==2}">
         男<input type="radio" value="1" name="sex" > 女<input type="radio" value="2" name="sex" checked>
    </span>
    <br>
    <input type="button" value="修改">
</form>
<br><br><br>
==========th:unless<br>
if性别:
<span th:if="${user.sex==1}">
         男<input type="radio" value="1" name="sex2" checked> 女<input type="radio" value="2" name="sex2">
    </span>
<span th:if="${user.sex==2}">
         男<input type="radio" value="1" name="sex2" > 女<input type="radio" value="2" name="sex2" checked>
</span>

<br>
unless性别:
<span th:unless="${user.sex==1}">
         男<input type="radio" value="1" name="sex3" checked> 女<input type="radio" value="2" name="sex3">
    </span>
<span th:unless="${user.sex==2}">
         男<input type="radio" value="1" name="sex3" > 女<input type="radio" value="2" name="sex3" checked>
</span>
<br>

if取反性别:
<span th:if="${!(user.sex==1)}">
         男<input type="radio" value="1" name="sex2" checked> 女<input type="radio" value="2" name="sex2">
    </span>
<span th:if="${!(user.sex==2)}">
         男<input type="radio" value="1" name="sex2" > 女<input type="radio" value="2" name="sex2" checked>
</span><br><br><br>

<div th:switch="${xingQi}">
    <span th:case="1">星期一</span>
    <span th:case="2">星期二</span>
    <span th:case="3">星期三</span>
    <span th:case="4">星期四</span>
    <span th:case="5">星期五</span>
    <span th:case="6">星期六</span>
    <span th:case="7">星期日</span>
    <span th:case="*">数据错误</span>
</div>
<br><br><br>

inline内链文本和脚本<br>

用户:<span th:text="${user}"></span><br>
姓名:[[${user.name}]]  <br>
年龄:[[${user.getAge()}]] <br>
性别:[[${user.sex}]] <br><br><br><br><br>

<script th:inline="javascript" type="text/javascript">
    // alert("姓名"+[[${user.name}]])
</script>
<script  type="text/javascript">
    // alert("姓名"+"[[${user.name}]]"+"  年龄[[${user.getAge()}]]")
</script>

--------------------------常用属性结束----------------------------------<br><br><br>


--------------------------字符串拼接开始----------------------------------<br>

<a th:href="@{'/user/delete?name='+${user.name}+'&age='+${user.age}}">删除</a><br>
<a th:href="@{|/user/delete?name=${user.name}&age=${user.age}|}">删除</a><br>
<script th:src="@{|/xxx/xxx.js|}"></script>

--------------------------字符串拼接结束----------------------------------<br><br><br>


--------------------------三元运算符开始----------------------------------<br>

姓名:<span th:text="${user.name}"></span><br>
年龄:<span th:text="${user.getAge()}"></span><br>
性别: <span th:if="${user.sex==1}">男</span>
      <span th:if="${user.sex==2}">女</span><br><br><br><br><br>

姓名:<span th:text="${user.name}"></span><br>
年龄:<span th:text="${user.getAge()}"></span><br>
性别: <span th:text="${user.sex==1?'男':'女'}">男</span><br><br><br><br><br>

<span th:if="${user.sex==1}">
         男<input type="radio" value="1" name="sex3" checked> 女<input type="radio" value="2" name="sex3">
</span>
<span th:if="${user.sex==2}">
         男<input type="radio" value="1" name="sex3" > 女<input type="radio" value="2" name="sex3" checked>
</span><br>

男<input type="radio" value="1" name="sex4" th:attr="checked=${user.sex==1?true:false}">
女<input type="radio" value="2" name="sex4" th:attr="checked=${user.sex==2?true:false}"><br>

--------------------------三元运算符结束----------------------------------<br><br><br>


--------------------------表达式对象开始----------------------------------<br>
<!--错误的不能自动寻找Session作用域-->
<!--姓名<span th:text="${userSession.name}"></span>-->
<!--利用Session对象获取Session中的数据 -->
姓名<span th:text="${#httpSession.getAttribute('userSession').name}"></span><br>
姓名<span th:text="${#session.getAttribute('userSession').getName()}"></span><br>
姓名<span th:text="${session.userSession.name}"></span><br>
<span th:text="${#request.getContextPath()}"></span><br>
<span th:text="${#request.getRemoteHost()}"></span><br>
<span th:text="${#request.getRemoteAddr()}"></span><br>
[[${#session.getAttribute('userSession').getName()}]]<br>
[[${#request.getContextPath()}]]<br>
<script  type="text/javascript">
     // alert("[[${#request.getContextPath()}]]")
</script>
<br><br><br>

当前时间<span th:text="${nowDate}"></span><br>

当前时间<span th:text="${#dates.format(nowDate)}"></span><br>
当前时间<span th:text="${#dates.format(nowDate,'yyyy-MM-dd')}"></span><br>
当前时间<span th:text="${#dates.dayOfWeekName(nowDate)}"></span><br>

单价:￥<span th:text="${money}"></span><br>
单价:<span th:text="${#numbers.formatCurrency(money)}"></span><br>
--------------------------表达式对象结束----------------------------------<br><br><br>
</body>
</html>
武侠㿝卄清
关注
专栏目录
【SpringBoot】3、SpringBoot中整合Thymeleaf模板引擎
Asurplus
04-16 21万+
SpringBoot 为我们提供了 Thymeleaf 自动化配置解决方案，所以我们在 SpringBoot 中使用 Thymeleaf 非常方便 一、简介 Thymeleaf是一个流行的模板引擎，该模板引擎采用Java语言开发，模板引擎是一个技术名词，是跨领域跨平台的概念，在Java语言体系下有模板引擎，在C#、PHP语言体系下也有模板引擎。除了thymeleaf之外还有Velocity、Fr...
关于thymeleaf的多条件及多属性设置
热门推荐
流远长季的博客
12-09 5万+
关于thymeleaf的th:attr自定义多属性设置以及th:if多条件判断
Thymeleaf的算术操作和比较操作
穷目楼的博客 - 昨日所记，今日所想，明日所学
02-16 1万+
算术操作Thymeleaf标准表达式引擎支持算术操作符：+, -, *, /(div), %(mod)th:with="isEven=(${prodStat.count} % 2 == 0)"也可以把算术操作符写在变量表达式中th:with="isEven=${prodStat.count % 2 == 0}"此时，表达式的解析实际上是由OGNL/SpringEL完成的比较操作Thymeleaf支持
07.Thymeleaf使用与语法最全详解(精)
方圆几里
07-05 1万+
Spring Boot模板引擎thymeleaf
Thymeleaf教程 （七） 条件表达式用法
mygzs的专栏
09-13 3万+
“if” 和“unless” switch case
根据用户输入身份证号前端自动计算其年龄
Mr_ZhangAdd的博客
05-30 3565
前端function get_baseinfo() { var usercode = $('#usercode').val(); if (usercode == '' || usercode.length != 18) { alert('请输入18位正确身份证号'); return false; } var date = new Date(); var year = date.g...
Spring Boot集成Thymeleaf模板引擎的完整步骤
08-26
Spring Boot集成Thymeleaf模板引擎的完整步骤 本文将为大家介绍Spring Boot集成Thymeleaf模板引擎的完整步骤，从基本概念到实际配置，详细地介绍了Thymeleaf模板引擎的使用方法。 一、Thymeleaf模板引擎概述 ...
如何创建一个thymeleaf模板
04-14
关于创建一个thymeleaf模板的问题，我可以给您提供一些基本信息，希望能帮到你。Thymeleaf 是一种 Java 模版，并且可以被用于到 WEB 和非 WEB 环境中。它可以作为 Spring MVC 框架的视图层模板引擎使用，因此，它的...
基于HTML的Thymeleaf模板引擎设计源码分享
10-02
本项目是一个基于HTML和Thymeleaf模板引擎的综合性设计源码，包含123个文件，涵盖51个HTML文件、14个Java文件、12个CSS文件、11个JavaScript文件，以及多种格式的图片和字体资源。该源码集成了丰富的HTML、Java、CSS...
Thymeleaf模板
m0_69522116的博客
03-21 1167
是用来开发Web和独立环境项目的现代服务器端Java模板引擎。Thymeleaf的主要目标是为您的开发工作流程带来优雅的自然模板- HTML。可以在直接浏览器中正确显示，并且可以作为静态原型，从而在开发团队中实现更强大的协作。借助的模块，可以根据自己的喜好进行自由选择，可插拔功能组件，Thymeleaf是现代 HTML5 JVM Web开发的理想选择尽管它可以做的更多。Spring官方支持的服务的渲染模板中，并不包含jsp。而是Thymeleaf和。
根据出生年月日计算出年龄
luohuajiexiejuan的专栏
03-26 2875
function jsGetAge(strBirthday) { var returnAge; var strBirthdayArr = strBirthday.split("-"); var birthYear = strBirthdayArr[0]; var birthMonth = strB...
转载MySQL函数
dachengshi2017的博客
10-24 668
方法一 SELECT DATE_FORMAT(FROM_DAYS(TO_DAYS(NOW())-TO_DAYS(birthday)), '%Y')+0 AS age方法一，作者也说出了缺陷，就是当日期为未来日期时结果为0，而不是负数；这里使用了5个函数和两个运算符。方法二SELECT DATE_FORMAT(NOW(), '%Y') - DATE_FORMAT(birthday, '%Y') -
thymeleaf（5） - 标准表达式语法
mytt_10566的博客
08-11 1613
官方文档：https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#standard-expression-syntax 参考博客：http://www.ityouknow.com/springboot/2016/05/01/spring-boot-thymeleaf.html   首先，我们看一下标准表达式功能的快速摘要...
each的遍历以及计算年龄
b67834063218449的博客
02-28 114
遍历数组 $('.listArry ul').empty(); var html="" 1.遍历数组 //i代表索引值，item代表相对应的元素$.each( [1, 2, 3] , function(i, item){ alert("索引=" + i + "; 元素=" + item); } ); //index代表索引值，value代...
SpringBoot中对thymeleaf的时间进行格式化显示
BADAO_LIUMANG_QIZHI的博客
05-14 2858
场景 对thymeleaf中时间进行格式化显示。 实现 <div class="form-group col-md-4 ml_10"><label>创建时间:</label> <input type= "text"th:value="${detailsVO==null || detailsV...
Thymeleaf的运算符
weixin_48925942的博客
09-05 2022
Thymeleaf的运算符 本人菜鸟一个，如果哪里有问题，希望您指正一下，谢谢！ Thymeleaf 的引用(三种) <!DOCTYPE html> <!-- 注意此处要引入的xmlns --> <html lang="en" xmlns="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>显示对象</title> </he
pandas-1.3.5-cp37-cp37m-macosx_10_9_x86_64.zip
最新发布
11-04
pandas whl安装包，对应各个python版本和系统(具体看资源名字)，找准自己对应的下载即可！ 下载后解压出来是已.whl为后缀的安装包，进入终端，直接pip install pandas-xxx.whl即可，非常方便。 再也不用担心pip联网下载网络超时，各种安装不成功的问题。
基于java的大学生兼职信息系统答辩PPT.pptx
11-04
基于java的大学生兼职信息系统答辩PPT.pptx
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值