springboot thymeleaf遍历List集合

杰杰不会helloworld

已于 2022-12-14 17:35:52 修改

阅读量7.6w

点赞数 2

分类专栏：主流框架文章标签： java spring boot maven html5

于 2022-05-22 18:31:47 首次发布

本文链接：https://blog.csdn.net/liyingjie2001/article/details/124914101

版权

主流框架专栏收录该内容

7 篇文章 1 订阅

订阅专栏

本文介绍了如何在SpringBoot项目中使用Thymeleaf模板引擎从后台获取数据集合，并在前端页面进行遍历显示。通过引入Thymeleaf相关依赖，结合HTML代码示例，展示了如何在表格中呈现部门的部门ID、部门名称和数据库信息。

摘要由CSDN通过智能技术生成

项目场景：

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>

效果图

杰杰不会helloworld

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
springboot thymeleaf遍历List集合

springboot项目,后端从数据库获取到数据集合返回前端页面，在页面中对数据进行遍历显示代码实现：springboot一般集成thymeleaf模板引擎对集合数据进行展示渲染导入springboot集成thymeleaf的两个依赖（这里用的是springboot父版本） <dependency> <groupId>org.thymeleaf</groupId> &.
复制链接

扫一扫