SpringBoot中使用Thymeleaf常用功能（三）：测试Thymeleaf循环取数据

搭建环境请参考文章一

在index.html中新建超链接：<a th:href="@{eachtest}">测试循环</a>

新建包com.ysh.thymeleaftest.domain,在此包下新建Dog.java,添加一些属性，并提供相应的setter和getter方法，再重写给属性赋值的构造方法以及默认的构造方法，实现Serializable接口。

Dog.java:

package com.ysh.thymeleaftest.domain;
import java.io.Serializable;
public class Dog implements Serializable {
private Integer id;
private String name;
private String image;
private Double price;
private String owner;

public Dog() {

// TODO Auto-generated constructor stub
}
public Dog(Integer id, String name, String image, Double price, String owner) {

this.id = id;
this.name = name;
this.image = image;
this.price = price;
this.owner = owner;
}
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getImage() {
return image;
}
public void setImage(String image) {
this.image = image;
}
public Double getPrice() {
return price;
}
public void setPrice(Double price) {
this.price = price;
}
public String getOwner() {
return owner;
}
public void setOwner(String owner) {
this.owner = owner;
}

}

在ThymeleafController.java中添加方法eachtest,保存数据到作用范围域，用于测试

Thymeleaf的循环获取数据。

eachtest方法用来响应：<a th:href="@{eachtest}">测试循环</a>，在此方法中创建了五个dog对象，并将其存放在list中，

保存到request作用范围域，返回success3,Thymeleaf会自动解析并跳转到success3.html中

eachtest:

/*
* 保存数据到作用范围域，用于测试Thymeleaf的循环获取数据
* */
@RequestMapping("/eachtest")
public String eachtest(WebRequest webRequest){
// 模拟数据库数据保存到List集合
List<Dog> dogs = new ArrayList<>();
dogs.add(new Dog(1, "巴扎黑1", "1.jpg",109.00,"ysh"));
dogs.add(new Dog(2, "巴扎黑2", "2.jpg",108.00,"badao"));
dogs.add(new Dog(3, "巴扎黑3", "3.jpg",58.00,"liumang"));
dogs.add(new Dog(4, "巴扎黑4", "4.jpg",108.00,"qi"));
dogs.add(new Dog(5, "巴扎黑5", "5.jpg",79.00,"zhi"));
// 保存数据到request作用范围域
webRequest.setAttribute("dogs", dogs, RequestAttributes.SCOPE_REQUEST);
return "success3";
}

success3.html:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"></meta>
<title>thymeleaf示例</title>
<link rel="stylesheet" th:href="@{css/bootstrap.min.css}" />
<link rel="stylesheet" th:href="@{css/bootstrap-theme.min.css}"/>
<script type="text/javascript" th:src="@{js/jquery-1.11.0.min.js}"></script>
<script type="text/javascript" th:src="@{js/bootstrap.min.js}"></script>
</head>
<body>
<div class="panel panel-primary">

<div class="panel-heading">

<h3 class="panel-title">Thymeleaf循环</h3>
</div>
</div>
<div class="container">
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">狗狗信息列表</h3>
</div>
<div class="panel-body">

<div class="table table-responsive">

<table class="table table-bordered table-hover">
<thead>
<th class="text-center">狗狗照片</th ><th class="text-center">狗狗名字</th>
<th class="text-center">狗狗价格</th ><th class="text-center">狗狗主人</th>
</thead>
<tbody class="text-center">
<tr th:each="dog : ${dogs}">
<td> <img src="img/1.jpg" th:src="@{'img/'+${dog.image}}" height="60"/></td>
<td th:text="${dog.name}"></td>
<td th:text="${dog.price}"></td>
<td th:text="${dog.owner}"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</body>

</html>

运行结果：

附：源码地址：

https://download.csdn.net/download/badao_liumang_qizhi/10530567

如果这篇文章帮助到了你，欢迎打赏鼓励，您的鼓励是我最大的动力！

SpringBoot中使用Thymeleaf常用功能（三）：测试Thymeleaf循环取数据相关推荐

SpringBoot中使用Thymeleaf常用功能（一）：表达式访问数据
环境搭建: 创建一个Maven项目,按照Maven项目的规范,在src/main/下新建一个名为resources的文件夹,并在下面新建static和templates文件夹. ① 修改pom.xm ...
Wordpress模板主题中functions.php常用功能代码与常用插件[ 后台篇]（持续收集整理）
用Wordpress建站的初学者一定会需要用到的Wordpress模板主题中functions.php常用功能代码与常用插件.慢慢持续收集整理....... 目录一.Wordpress模板主题中fu ...
DataScience：初学者进阶数学处理专家，学会Excel中50个常用功能带你飞
DataScience:初学者进阶数学处理专家,学会Excel中50个常用功能带你飞目录初学者进阶数学处理专家,学会Excel中50个常用功能带你飞 1.自动筛选 2.在Excel中字符替换 3. ...
SpringBoot中关于Mybatis使用的三个问题
SpringBoot中关于Mybatis使用的三个问题转载请注明源地址:http://www.cnblogs.com/funnyzpc/p/8495453.html 原本是要讲讲PostgreSQL ...
PP实施经验分享（5）——SAP中MD04显示常用函数（读取SAP MRP运行数据）
PP实施经验分享(5)--SAP中MD04显示常用函数(读取SAP MRP运行数据) SAP实施过程中,经常会遇到用户对于现有MD04标准功能展示有一定的抱怨,不符合我们查看的习惯,经常会提出相关报表 ...
SpringBoot中使用Thymeleaf常用功能（二）：测试Thymeleaf条件判断
环境搭建请先阅读文章一在一的基础上先在index.html中添加超链接 <a th:href="@{iftest}">测试条件判断</a> 在Thyme ...
SAP License：SAP IDES常用功能及测试环境
SAP IDES为SAP学习者提供了很好的练习环境,在其中可以进行各种需求的测试,也有很多已经内置的案例.以下是几种常用的功能与测试环境的对应,欢迎补充. 1.自动付款公司代码AC01 (AC210 ...
JVM中的对象探秘（三）- 对象的实例数据与对齐填充
引言上一篇文章我们讲解了JVM对象内存布局的第一部分对象头,今天我们继续来讲讲剩下的两部分实例数据(Instance Data) .对齐填充(Padding). 实例数据与对齐填充这两部分我们放在 ...
vue前端常用的三种方式模拟获取数据
前端的三种方式模拟获取数据 1⃣️.mockjs插件获取: 1.首先我们先进行安装mockjs,进入项目在终端输入:npm install mockjs --save 2.我们可以在src目录下新建m ...

SpringBoot中使用Thymeleaf常用功能（三）：测试Thymeleaf循环取数据

SpringBoot中使用Thymeleaf常用功能（三）：测试Thymeleaf循环取数据相关推荐

最新文章

热门文章