Thymeleaf遍历数据

太过爱你忘了你带给我的痛 2023-10-04 16:31 29阅读 0赞

#### 遍历数据 ####

要遍历表格数据并且显示出来，首先在一个页面中生命一个列表放一些信息做测试，以dynamic页面为例

@GetMapping("/dynamic_table")
    public String dynamic_table(Model model){
        
    
        List<User> users = Arrays.asList(new User("zhangsan", "123"),
                new User("lisi", "456"),
                new User("wangwu", "aaa"),
                new User("zhaoliu", "bbb"));
        model.addAttribute("users",users);
        return "table/dynamic_table";
    }

然后在前端dynamic.html中进行遍历

<table class="display table table-bordered" id="hidden-table-info">
    <thead>
    <tr>
        <th>#</th>
        <th>用户名</th>
        <th>密码</th>
    </tr>
    </thead>
    <tbody>
    <tr class="gradeX" th:each="user,status:${users}">
        <td th:text="${status.count}">Trident</td>
        <td th:text="${user.userName}">inter</td>
        <td th:text="${user.password}" class="hidden-phone">inter</td>
    </tr>
    </tbody>
    </table>

**补充：Thymeleaf的超链接写法**

<a th:href = "@{/basic_table}"></a>

因为在Thymeleaf中的网页地址都是自动添加.html的，所以在前端链接地址的时候不必写basic\_table.html

发表评论取消回复

表情：

评论列表（有 0 条评论，29人围观）

还没有评论，来说两句吧...

相关阅读

相关从HttpServletRequest中遍历数据

**从请求参数中遍历数据：** 方式一(推荐)： @RequestMapping("/param") @ResponseBody ...

ゞ浴缸里的玫瑰/ 2024年04月20日 08:27/ 0 赞/ 49 阅读

相关 Thymeleaf遍历数据

遍历数据要遍历表格数据并且显示出来，首先在一个页面中生命一个列表放一些信息做测试，以dynamic页面为例 @GetMapping("/dynamic_tab

太过爱你忘了你带给我的痛/ 2023年10月04日 16:31/ 0 赞/ 30 阅读

相关 Map集合中放了数组怎么遍历数据

map集合的值在数组里怎么遍历一个键对应多个值，且值存于数组中，怎么进行遍历？通过指定键去遍历。 private String\[\]branch

刺骨的言语ヽ痛彻心扉/ 2022年12月02日 13:44/ 0 赞/ 160 阅读

相关 thymeleaf 遍历

thymeleaf 遍历 th:each：遍历实现了接口iterable、iterator、enumeration、map的实例对象、数组遍历状态变量：自

淩亂°似流年/ 2022年11月25日 13:03/ 0 赞/ 127 阅读

相关 Vue 遍历数据

<template> <div> <ul> <li v-for="item in list" :key="item">{

た入场券/ 2022年10月08日 00:58/ 0 赞/ 151 阅读

相关 Thymeleaf循环遍历

循环遍历 Iteration，查阅文档 ![这里写图片描述][70] th:each 每次遍历都会生成，当前这个标签三个h4标签一个h4，带着三个s

快来打我*/ 2022年05月14日 23:49/ 0 赞/ 724 阅读

相关 Kettle抽取数据-循环遍历数据

Kettle是个好工具，可是教程还是比较少，自己研究遇到了不少坑。版本：7.1 循环遍历数据场景：我查出一个列表，需要针对列表中的每一个值再进行相同的处理。解

心已赠人/ 2022年04月22日 05:22/ 0 赞/ 335 阅读

相关遍历数组

[![Q\`18Q~Y\_D($0UA\[A%)1\[$2V][Q_18Q_Y_D_0UA_A_1_2V]][Q_18Q_Y_D_0UA_A_1_2V_Q_18Q_Y_D_0U

快来打我*/ 2022年03月28日 06:17/ 0 赞/ 315 阅读

相关遍历数组

本文主要内容摘自我在百度百科的账号number1killer的词条贡献， <table> <tbody> <tr> <td> <table>

╰半橙微兮°/ 2021年09月26日 07:24/ 0 赞/ 471 阅读

相关使用 bootstrap-table-develop 插件遍历数据

使用bootstrap-table-develop插件快速遍历数据 1. 下载bootstrap-table-develop插件 [http://downl

曾经终败给现在/ 2021年07月25日 17:37/ 0 赞/ 393 阅读