thymeleaf 遍历 HashMap

可以使用 th:each 指令来遍历 HashMap。例如：

<table>
  <tr th:each="entry : ${map}">
    <td th:text="${entry.key}"></td>
    <td>:</td>
    <td th:text="${entry.value}"></td>
  </tr>
</table>

这将遍历名为 “map” 的 HashMap，并在表格中显示每个键值对。

相关问题

Thymeleaf Map

### 使用Map对象在Thymeleaf模板引擎中的方法

在Web应用程序开发过程中，经常需要展示键值对数据结构的内容。对于Java开发者而言，在Spring框架下利用Thymeleaf作为视图层技术时，可以通过多种方式处理`java.util.Map`类型的变量。

#### 将Map传递给模板

为了能够在前端页面上操作这个映射表，首先得通过控制器向模型中添加相应的属性：

@GetMapping("/show-map")
public String showMap(Model model){
    Map<String, Object> sampleData = new HashMap<>();
    sampleData.put("key1", "value1");
    sampleData.put("key2", 42);
    sampleData.put("key3", Arrays.asList("itemA","itemB"));
    
    model.addAttribute("dataMap", sampleData);

    return "mapView";
}

上述代码片段展示了如何创建并填充一个简单的字符串到对象的映射关系，并将其加入至Model实例以便于后续渲染[^1]。

#### 访问单个条目

当希望获取特定键对应的值时，可以采用如下语法形式：

<p th:text="${dataMap['key1']}"></p>
<!-- 或者 -->
<span th:text="${dataMap.key2}">Default Text</span>

这里介绍了两种不同的访问路径表达式来读取存储的数据项。前者适用于动态指定键名的情况；后者则用于已知固定名称的情形[^2]。

#### 遍历整个集合

如果想要遍历所有的键值对，则可借助`th:each`指令完成迭代过程：

<table>
<tr th:each="entry : ${dataMap}">
<td th:text="${entry.key}"></td><td>: </td><td th:text="${entry.value}"></td>
</tr>
</table>

这段HTML标记定义了一个表格结构用来呈现来自服务器端传入的所有记录。每一对键和关联的对象都会被转换成一行显示出来[^5]。

如何在Thymeleaf中传递复杂的图表数据结构？

在Thymeleaf模板引擎中，如果你需要传递复杂的图表数据结构，如JSON或对象模型，你可以这样做：

1. **Model绑定**: 将数据模型包含在你的控制器方法返回的对象中。例如，假设你有`ChartData`对象表示复杂的数据结构：

@PostMapping("/generate-chart")
public String generateChartData(@ModelAttribute("chartData") ChartData data) {
    // ... 生成并处理数据...
    return "yourTemplate.html";
}

2. **将数据放入Model**: 在方法返回前，将`ChartData`对象添加到视图模型(`model`)中：

Map<String, Object> model = new HashMap<>();
model.put("chartData", yourComplexChartData);
return "yourTemplate.html", model;

3. **在模板中使用**: 在`yourTemplate.html`中，你可以使用Thymeleaf的表达式语言(`th:`)来访问这个数据。比如，如果数据是一个JSON对象，你可以使用`th:text`标签展示：

<div th:text="${chartData | json}"></div>

或者使用特定的库（如Highcharts、ECharts等）来解析和渲染数据。

4. **利用Thymeleaf特性**: Thymeleaf支持`th:block`标签，可以根据条件显示不同内容，可以嵌套循环遍历复杂数据结构。