kpnkpbb 2022-05-28 22:25 采纳率: 100%
浏览 474
已结题

用thymeleaf的th:each循环遍历不出来

🆘🆘什么数据都显示不出来,控制台也打印不出来,感觉是因为前后没连一起,但是不知道怎么改。
有没有人帮帮我。😭🙏😿🙏

img

img

img

  • 写回答

1条回答 默认 最新

  • okokabcd 2022-05-29 01:41
    关注

    列一个能正确显示的操作,你可以对接看一下哪个环节出问题了
    配置,application.yml

    # thymeleaf 静态资源配置
    spring:
      thymeleaf:
        prefix: classpath:/templates/
        encoding: UTF-8
        suffix: .html
        mode: HTML5
        # 关闭缓存, 即时刷新, 上线生产环境需要改为true
        cache: false
        servlet:
          content-type: text/html
    

    后端

    package com.example.thymeleaf.controller;
    
    import com.example.thymeleaf.entity.OrderItem;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    import javax.servlet.http.HttpSession;
    import java.util.ArrayList;
    import java.util.List;
    
    @Controller
    @RequestMapping("/demo")
    public class Demo01Controller {
        @RequestMapping("/cart")
        public String listOrders(Model model, HttpSession session) {
            System.out.println("demo/cart");
            model.addAttribute("orders", getOrderItems());
            return "mycart";
        }
    
        private List<OrderItem> getOrderItems() {
            List<OrderItem> list = new ArrayList<>();
            list.add(new OrderItem("1001", "订单1", "文件1"));
            list.add(new OrderItem("1002", "订单2", "文件2"));
            list.add(new OrderItem("1003", "订单3", "文件3"));
            return list;
        }
    }
    

    前端

        <table class="layui-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>订单号</th>
                <th>标题</th>
                <th>文件名</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="item:${orders}">
                <td th:text="${itemStat.index+1}"></td>
                <td th:text="${item.orderId}"></td>
                <td th:text="${item.title}"></td>
                <td th:text="${item.fileName}"></td>
            </tr>
            </tbody>
        </table>
    

    前台显示效果

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 6月6日
  • 已采纳回答 5月29日
  • 创建了问题 5月28日

悬赏问题

  • ¥15 Django DRF 如何反序列化得到Python对象类型数据
  • ¥15 多数据源与Hystrix的冲突
  • ¥15 如何在线硕士了解,广告太多,希望有真实接触过的人回答下?(标签-学习|关键词-在线硕士)
  • ¥15 h5页面 使用u-upload 组件上传图片,如何解决,安卓系统不支持选择多张图片
  • ¥15 zabbix6.4与frp如何进行联动
  • ¥15 如何使用Echarts制作途中时间序列表
  • ¥15 图论相关的数学问题,共10个
  • ¥15 EtherCAT的问题,创建一个XML文件
  • ¥15 微信公众号羽毛球自动抢定场程序制作
  • ¥15 Fluent UDF 编写