thymeleaf如何把后端的东西读入html的下拉菜单里,请提供代码展示
时间: 2023-06-04 16:07:43 浏览: 156
以下是一个简单的示例代码,用于在 Thymeleaf 中将后端数据加载到下拉菜单中:
后端控制器代码:
```
@GetMapping("/example")
public String example(Model model) {
List<String> items = new ArrayList<>();
items.add("选项1");
items.add("选项2");
items.add("选项3");
model.addAttribute("items", items);
return "example.html";
}
```
HTML 模板代码:
```html
<select th:field="*{selectedItem}">
<option th:each="item : ${items}"
th:value="${item}"
th:text="${item}">
</option>
</select>
```
在上面的示例中,我们在后端控制器中生成了一个字符串列表,然后将其作为模型属性添加到 Thymeleaf 模板中。在 HTML 模板中,我们使用 `th:each` 指令迭代列表,为每个选项创建一个选项元素。我们用 `th:value` 属性设置每个选项的值,并使用 `th:text` 属性设置选项文本。最后,我们使用 `th:field` 属性将下拉列表绑定到后端表单对象的 `selectedItem` 属性上。
当加载 HTML 页面时,Thymeleaf 将动态生成一个下拉列表,并将选项绑定到后端数据。在表单提交时,选定的项目将自动设置为后端对象的 `selectedItem` 属性。
阅读全文