springboot thymeleaf遍历List集合
项目场景:
springboot项目,后端从数据库获取到数据集合返回前端页面,在页面中对数据进行遍历显示
代码实现:
springboot一般集成thymeleaf模板引擎对集合数据进行展示渲染
导入springboot集成thymeleaf的两个依赖(这里用的是springboot父版本)
<dependency><groupId>org.thymeleaf</groupId><artifactId>thymeleaf-spring5</artifactId></dependency><dependency><groupId>org.thymeleaf.extras</groupId><artifactId>thymeleaf-extras-java8time</artifactId></dependency>
页面编写
相关代码
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head><meta charset="UTF-8"><title>遍历集合数据</title>
</head>
<body>
<table align="center" border="1px" cellspacing="0" cellpadding="10px"><thead><tr><th>序号</th><th>部门id</th><th>部门名称</th><th>数据库</th></tr></thead><tbody><tr th:each="dept,stat:${deptlist}"><td th:text="${stat.count}"></td><td th:text="${dept.deptno}"></td><td th:text="${dept.dname}"></td><td th:text="${dept.db_source}"></td></tr></tbody>
</table>
</body>
</html>
效果图
springboot thymeleaf遍历List集合相关推荐
- SpringBoot——Thymeleaf常见属性-使用th:each遍历数组、List、Map
1 th:each遍历数组 先创建一个user表 package com.liuhaiyang.springboot.entity;import lombok.Data;//@Data 添加这个注解将 ...
- SpringBoot Thymeleaf使用教程(实用版)
SpringBoot Thymeleaf使用教程(实用版) 使用Thymeleaf 三大理由: 简洁漂亮 容易理解 完美支持HTML5 使用浏览器直接打开页面 不新增标签 只需增强属性 学习目标 快速 ...
- SpringBoot thymeleaf使用方法,thymeleaf模板迭代
SpringBoot thymeleaf使用方法,thymeleaf模板迭代 SpringBoot thymeleaf 循环List.Map ============================= ...
- 基于springboot+thymeleaf+mybatis的员工管理系统 —— 登录与注册
员工管理系统 - 登录与注册功能 创建项目 pom.xml 数据库表设计和环境准备 建表SQL application.properties 用户注册与登录功能 entity dao service ...
- Ajax+SpringBoot+Thymeleaf使用中遇到的跳转页面问题
前言:这周在使用 Ajax+Thymeleaf 时遇到一个问题,折腾了我很久,在此记录一下 Ajax+SpringBoot+Thymeleaf使用中遇到的跳转页面问题 问题描述 我的目的:通过 Aja ...
- 【Groovy】map 集合 ( map 集合遍历 | 使用 map 集合的 find 方法遍历 map 集合 | 代码示例 )
文章目录 一.使用 map 集合的 find 方法遍历 map 集合 二.代码示例 一.使用 map 集合的 find 方法遍历 map 集合 使用 map 集合的 find 方法遍历 map 集合 ...
- 【Groovy】map 集合 ( map 集合遍历 | 使用 map 集合的 each 方法遍历 map 集合 | 代码示例 )
文章目录 一.使用 map 集合的 each 方法遍历 map 集合 二.代码示例 一.使用 map 集合的 each 方法遍历 map 集合 遍历 map 集合 , 可以调用 map 集合的 eac ...
- 【Groovy】集合遍历 ( 调用集合的 every 方法判定集合中的所有元素是否符合闭包规则 | =~ 运算符等价于 contains 函数 | 代码示例 )
文章目录 一.调用集合的 every 方法判定集合中的所有元素是否符合闭包规则 二.代码示例 一.调用集合的 every 方法判定集合中的所有元素是否符合闭包规则 集合的 every 方法 , 用于 ...
- 【Groovy】集合遍历 ( 使用集合的 findAll 方法查找集合中符合匹配条件的所有元素 | 代码示例 )
文章目录 一.使用集合的 findAll 方法查找集合中符合匹配条件的所有元素 1.闭包中使用 == 作为 findAll 方法的查找匹配条件 2.闭包中使用 is 作为 findAll 方法的查找匹 ...
最新文章
- css txt-aline,CSS规则定义.doc
- Go 语言并发模型 Context
- shell+ftp+中文乱码_Ftp 命令出现中文乱码问题如何解决,求指教,非常感谢
- 【ubuntu-anaconda-dlib】undefined symbol: _ZTTNSt7__cxx1119basic_istringstreamIcSt11char_traitsIcESa
- Android 各控件的使用 - 按钮(Button)
- 互联网日报 | 滴滴在上海开放自动驾驶服务;腾讯游戏年度发布会线上举行;微软宣布将永久关闭实体店...
- 3.7 SE11创建自建表-外键
- 华为宣布今年将投入2亿美元推动鲲鹏计算产业发展
- 本次谈谈罕见的三方数据维度的cut-off切分,你肯定没遇过
- ASP.NET - JQuery的.getJSON给Dropdownlist绑定Item
- 如何提高go代码覆盖率_如何提高代码质量?
- 汽车CAN诊断——报文数据篇
- 找对英语学习方法的第一本书 PDF 带完整的目录
- 手机呼叫转移怎么设置
- 【软件定义汽车】【场景篇】AR-HUD
- JSTL标签库动态生成表格
- 自己动手写操作系统--搭建保护模式下的运行环境:bochs下安装freedos
- hihoCoder #1079 离散化
- Revit数据处理(三)
- API `getFileSystemManager` is not yet implemented uni-app 图片转码解决方法
热门文章
- 黑马程序员------毕老师视频笔记第十二天------多线程(3)
- 运营商推互联网套餐真是为他人做嫁衣裳
- 哪里可以下载大量短视频?高质量短视频批量下载
- 【解决】Error:(6, 26) java: 程序包javax.servlet.http不存在
- 创新型服务“智能推荐”——互联网平台建设 1
- STM32CubeMX 配置CAN总线进行双板通信(STM32F103C8T6)
- 【mac】解决备忘录无法操作问题
- 【人脸会场签到】零开发就能实现刷脸签到|人脸签到|人脸识别
- django html导出pdf,django中Html转PDF
- 腾讯微博java版下载_腾讯微博——你的心声,世界的回声