Thymeleaf读取model里面的对象||Thymeleaf读取model里面的集合||Themeleaf在js中取值||访问带参数的消息||ThymeleafObjects的使用[取三大作域的值
Thymeleaf读取model里面的对象
Student.java
package com.sxt.domain;import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;import java.util.Date;@Data
@AllArgsConstructor
@NoArgsConstructor
public class Student {private Integer id;private String name;private String sex;private Integer age;private String phone;private Date birth;private Double money;
}
showOneStudent.html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="/layui/css/layui.css" media="all">
</head>
<body><fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"><legend>学生信息</legend>
</fieldset>
<div style="padding: 20px; background-color: #F2F2F2;"><div class="layui-row layui-col-space15"><div class="layui-col-md6"><div class="layui-card"><div class="layui-card-body"><span>学生编号:</span><span th:text="${student.id}"></span><br><span>学生姓名:</span><span th:text="${student.name}"></span><br><span>学生年龄:</span><span th:text="${student.age}"></span><br><span>学生性别:</span><span th:text="${student.sex}"></span><br><span>学生生日:</span><span th:text="${student.birth}"></span><br><span>学生生日:</span><span th:text="${#dates.format(student.birth,'yyyy-MM-dd HH:mm:ss')}"></span><br><span>学生电话:</span><span th:text="${student.phone}"></span><br><span>学生存款:</span><span th:text="${#numbers.formatDecimal(student.money,22,8)}"></span><br></div></div></div></div>
</div>
<script src="/layui/layui.js" charset="utf-8"></script><script type="text/javascript">var id=[[${student.id}]];var name="[[${student.name}]]";alert(id+"----"+name);
</script>
</body>
</html>
Thymeleaf读取model里面的集合
showAllStudent.html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Title</title><!--<link rel="stylesheet" href="/layui/css/layui.css" media="all">--><link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
</head>
<body><fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"><legend>学生信息</legend>
</fieldset><div style="padding: 20px; background-color: #F2F2F2;"><div class="layui-row layui-col-space15"><div class="layui-col-md3" th:each="student:${students}"><div class="layui-card"><div class="layui-card-body"><span>学生编号:</span><span th:text="${student.id}"></span><br><span>学生姓名:</span><span th:text="${student.name}"></span><br><span>学生年龄:</span><span th:text="${student.age}"></span><br><span>学生性别:</span><span th:text="${student.sex}"></span><br><span>学生生日:</span><span th:text="${student.birth}"></span><br><span>学生生日:</span><span th:text="${#dates.format(student.birth,'yyyy-MM-dd HH:mm:ss')}"></span><br><span>学生电话:</span><span th:text="${student.phone}"></span><br><span>学生存款:</span><span th:text="${#numbers.formatDecimal(student.money,22,8)}"></span><br></div></div></div></div>
</div>
<!--<script src="/layui/layui.js" charset="utf-8"></script>-->
<script th:src="@{/layui/layui.js}" charset="utf-8"></script></body>
</html>
Themeleaf在js中取值
访问带参数的消息
ThymeleafObjects的使用[取三大作域的值]
showObjects.html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
model:<span th:text="${name}"></span><br>
request:<span th:text="${#httpServletRequest.getAttribute('name')}"></span><br>session:<span th:text="${#httpSession.getAttribute('name')}"></span><br>session:<span th:text="${#session.getAttribute('name')}"></span><br>session:<span th:text="${session.name }"></span><br>servletContext:<span th:text="${#servletContext.getAttribute('name') }"></span><br>我的国家:<span th:text="${#locale.displayCountry}"></span>-<span th:text="${#locale.country}"></span><br>
我的母语:<span th:text="${#locale.displayLanguage}"></span>-<span th:text="${#locale.language}"></span><br></body>
</html>
Thymeleaf链接传值
Thymeleaf读取model里面的对象||Thymeleaf读取model里面的集合||Themeleaf在js中取值||访问带参数的消息||ThymeleafObjects的使用[取三大作域的值相关推荐
- js 中读取JSON的方
js 中读取JSON的方法探讨 2009-03-01 16:08 js读取JSON的方法我接触到的有两种: 方法一:函数构造定义法返回 var strJSON = "{name:'json ...
- SpringMVC中通过@ResponseBody返回对象,Js中调用@ResponseBody返回值,统计剩余评论字数的js,@RequestParam默认值,@PathVariable的用法
1.SpringMVC中通过@ResponseBody返回对象,作为JQuery中的ajax返回值 package com.kuman.cartoon.controller; import java. ...
- JS中的this对象详解
2019独角兽企业重金招聘Python工程师标准>>> JS中this关键字很常见,但是它似乎变幻莫测,让人抓狂.这篇文章就来揭示其中的奥秘. 借助阮一峰老师的话:它代表函数运行时, ...
- BOM+DOM+JavaScript读取与操作网页对象
DOM 网页的元素有多种定义方式,那我们怎么描述或指定页面上某个元素呢.为了统一方式,产生了document object model 标准 以HTML表单为例, 文本字段前面的标题由label标签声 ...
- js中读取json对象
json的用途我也不在这里介绍了,简单说一些JSON的结构: JSON有两种结构 json简单说就是javascript中的对象和数组,所以这两种结构就是对象和数组两种结构,通过这两种结构可以 ...
- java获取excle表格对象_Java读取excel表格
Java读取excel表格 一般都是用poi技术去读取excel表格的,但是这个技术又是什么呢 什么是Apache POI? Apache POI是一种流行的API,它允许程序员使用Java程序创建, ...
- Python xlrd 读取 Excel 表格基础(一):获取sheet、行、列对象,读取数据类型等
Python xlrd 读取 Excel 表格基础 一:按行.按列读取Excel数据内容 前言: 1.获取工作簿.sheet对象 2.获取sheet表中行.列对象 3.读取sheet对象中所有数据 4 ...
- thymeleaf模板的使用——1,thymeleaf概述|| thymeleaf 的使用方法|| 如何修改Thymeleaf的默认存放地址||Thymeleaf的相关语法
thymeleaf模板的使用 1,thymeleaf概述 简单说, Thymeleaf 是一个跟 Velocity.FreeMarker 类似的模板引擎,它可以完全替代 JSP .相较与其他的模板引擎 ...
- [JAVA EE] Thymeleaf 高级用法:模板布局,带参数的引用片段,表单验证,常用校验注解
模板布局 公共部分通常定义为模板布局:如页眉,页脚,公共导航栏.菜单等. 模板布局定义方法 布局页中用 th:fragment 定义模板片段,其他页面用 th:insert 引用片段 例如:foote ...
最新文章
- 输入n个字符串字典序排序_FSST - 快速字符串压缩算法
- python-序列、集合及字典
- Laravel以及Laravel-admin的命令行使用总结
- as3 访问远程计算机,本地swf不能访问网络的解决办法
- 取文件 shell_webshell文件上传分析溯源
- 在Docker中运行ASP.NET Web API解决方案
- js 连mysql 延后_javascript – 异步并等待节点js中的MySQL调用
- 高质量程序设计指南-c/c++语言:笔记之C++函数的高级特性
- 解决趋势OfficeScan11自动显示隐藏文件等问题
- 杨洋江疏影封面照合体,《全职》诠释衣品即人品
- 基于WordPress搭建个人网站
- WLC5508 HA ( AP SSO)
- 一个IT男的500强生涯
- Excel如何批量删除工作表全部图片?
- 黑苹果 Monterey wifi 蓝牙驱动 AX系网卡 解决方案
- 从 Illustrator 怎么导入 Glyphs?
- 【综述】A Comprehensive Survey on Graph NeuralNetworks(4)
- stm32开发3D打印机(三)——ADC热敏电阻测温、PWM控制(已完成)
- Git 读书笔记(二)
- 蛋白相互作用数据库,STRING使用指南
热门文章
- 4.7地铁查询开发进度
- 微信公众号点击菜单即可打开并登录微站的实现方法
- C语言复习:内存模型2
- oracle--pl/sql变量定义----
- 在 asp.net core \ vs2015 update2 情况况下创建 asp.net core web application 的问题
- 关于ark取得进程的镜像文件路径
- (转帖)数据库时代的终结
- [转贴]年薪一万/十万/百万的各样生活
- HP QC IE11不支持( win7 64位 无法安装)解决方法
- 扬州古城门高挂大红春联迎新春 环卫工受邀揭幕