Thymeleaf:如何动态获取<input>的值，然后使用它来过滤列表？

Thymeleaf是一种Java模板引擎，用于在服务器端生成动态的HTML页面。它可以与Spring框架无缝集成，提供了丰富的标签和表达式，使开发人员可以轻松地将数据绑定到HTML页面上。

要动态获取<input>的值并使用它来过滤列表，可以通过Thymeleaf的表达式语法和内置对象来实现。以下是一种可能的实现方式：

在HTML页面中，使用Thymeleaf的表达式语法将<input>的值绑定到一个变量上，例如：

<input type="text" th:field="${filterValue}" />

这里假设filterValue是一个在后端控制器中定义的变量。

在后端控制器中，获取filterValue的值，并使用它来过滤列表。具体的实现方式取决于你的业务逻辑和数据源，以下是一个简单的示例：

@GetMapping("/filter")
public String filterList(@RequestParam("filterValue") String filterValue, Model model) {
    List<Item> itemList = // 从数据源获取原始列表
    
    List<Item> filteredList = itemList.stream()
            .filter(item -> item.getName().contains(filterValue))
            .collect(Collectors.toList());
    
    model.addAttribute("filteredList", filteredList);
    
    return "filtered-list";
}

在这个示例中，我们假设Item是一个包含名称属性的类。通过使用filter()方法和contains()方法，我们可以根据filterValue的值来过滤列表。

在HTML页面中，使用Thymeleaf的循环语法来展示过滤后的列表，例如：

<table>
    <tr th:each="item : ${filteredList}">
        <td th:text="${item.name}"></td>
    </tr>
</table>

这里假设filteredList是在后端控制器中设置的模型属性。

通过以上步骤，我们可以实现动态获取<input>的值，并使用它来过滤列表的功能。

关于Thymeleaf的更多信息和使用方法，你可以参考腾讯云的相关产品Thymeleaf for Java，它是一款基于Java的模板引擎，可以帮助开发人员快速构建动态的Web页面。你可以在腾讯云的官方文档中了解更多关于Thymeleaf的介绍和使用指南：Thymeleaf for Java产品介绍。