java - 如何使用 Thymeleaf 模板打印 HashMap 的 ArrayList 中的元素数量？

Question

总的来说，我对编码非常陌生，并且一直在学习 Java。我们已经开始学习 Spring Boot 和 Thymeleaf，并且我们必须开发一个使用关键字搜索工作的应用程序。我创建了一个处理程序，能够搜索作业并将它们添加到 HashMap 的 ArrayList 中，并有一个显示这些结果的模板。但是，我的问题是我们应该每次在页面顶部显示结果数量，但我不知道如何做到这一点。

我尝试过使用.size、#lists、#maps、th:size等等我能想到。什么都不起作用。我尝试过将它放在 table 上方、 table 中、循环之间等等。我得到的最接近的结果只是在页面顶部打印“结果”一词。我几天来一直在阅读 Thymeleaf 教程、Baeldung、谷歌搜索。我非常感谢任何帮助!

@RequestMapping(value = "results")
public String search(
    Model model,
    @RequestParam String searchType,
    @RequestParam String searchTerm
) {
    ArrayList<HashMap<String, String>> results =
            JobData.findByColumnAndValue(searchType, searchTerm);
    model.addAttribute("columns", ListController.columnChoices);
    model.addAttribute("results", results);
    return "search";
}

还有 thymeleaf :

<hr />
<!--<span th:text="${results.size}">Result</span> -->
<!--<span th:text="${#lists.size(job.results)}">Result(s)</span> -->
<!-- <td th:text="${#lists.size(job.results)}">Result(s)</td> -->

<!-- TODO #2 - Loop over jobs map to display all job fields -->
<!--<div th:fragment="div"> -->

<table  class="job-listing" th:each="job : ${results}">
    <tr th:each="row : ${job}">
        <!--<td th:text="${results.size}"></td>-->
        <td th:text="${row.key}"></td>
        <td th:text="${row.value}"></td>
    </tr>
</table>
</div>
<!--    </table>-->
<!--</div> -->
</body>
</html>

我已经包含了我的处理程序方法以及我正在使用的模板中的代码。对所有评论感到抱歉 - 我正在努力跟踪我所尝试过的内容。

编辑:现在这是我的模板代码，仅在我进行搜索(我想要的)后才打印单词“结果”。我现在的问题是我仍然无法让它打印结果数。

<span th:if="${results} and ${results.size()}">
    <h3>Result(s)</h3>
</span>

<table  class="job-listing" th:each="job : ${results}">
    <tr th:each="row : ${job}">
        <td th:text="${row.key}"></td>
        <td th:text="${row.value}"></td>
    </tr>
</table>

Answer 1

使用 list.size() 或 map.size() 获取模板中的大小:

例如:

<td th:text="${results.size()}"></td>
<td th:text="${job.size()}"></td>

要检查 th:if 中的大小，只需使用以下命令:

<div th:if="${results.size() > 0}">
    ...
</div>

或者这个:

<div th:if="${!results.isEmpty()}">
    ...
</div>