如何在Thymeleaf中展示Model传递的getDataHead数据？

你输出的getDataHead是集合类型（被[]包裹，说明是List集合），但你直接用th:object="${getDataHead}"绑定集合，自然无法获取单个对象的属性值，下面分两种场景给出正确写法：

场景1：展示集合中所有数据 #

使用th:each遍历集合，逐个取出对象并展示属性：

<div th:each="headItem : ${getDataHead}">
    <p>发票号：<span th:text="${headItem.invoice}"></span></p>
    <p>ID：<span th:text="${headItem.id}"></span></p>
    <p>供应商ID：<span th:text="${headItem.supplyId}"></span></p>
    <!-- 其他属性按需添加 -->
</div>

场景2：仅展示集合中的第一个元素 #

方式1：直接通过索引访问（无需修改控制器） #

<p>发票号：<span th:text="${getDataHead[0].invoice}"></span></p>

方式2：修改控制器返回单个对象（更符合业务语义） #

如果你的业务逻辑中getDatahead()本来就应该返回单个对象，直接在控制器里取出集合的第一个元素存入model：

model.addAttribute("getDataHead", cartHeadStockinService.getDatahead().get(0));

然后在Thymeleaf中通过th:object绑定单个对象，注意要用*{属性名}来访问绑定对象的属性：

<div th:object="${getDataHead}">
    <p>发票号：<span th:text="*{invoice}"></span></p>
    <p>ID：<span th:text="*{id}"></span></p>
</div>

内容的提问来源于stack exchange，提问作者So Phea