使用spring-boot-starter-web和thymeleaf时填充下拉列表
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用spring-boot-starter-web和thymeleaf时填充下拉列表相关的知识,希望对你有一定的参考价值。
我正在尝试使用spring-boot-starter-web和thymeleaf创建一个Web应用程序。作为一个起点,我使用的是Spring的验证表单输入 - 入门指南(https://spring.io/guides/gs/validating-form-input/),因为“这些指南旨在尽可能快地提高您的工作效率 - 使用Spring团队推荐的最新Spring项目版本和技术。 ”
我已将年龄输入字段更改为从服务填充的年龄下拉列表。我的修改后的代码如下:
package hello;
import java.util.List;
import javax.validation.Valid;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
@Controller
public class WebController implements WebMvcConfigurer {
@Autowired
AgeService ageService;
@Override
public void addViewControllers(ViewControllerRegistry registry) {
registry.addViewController("/results").setViewName("results");
}
@GetMapping("/")
public String showForm(Model model) {
PersonForm personForm = new PersonForm();
model.addAttribute("personForm", personForm);
List<Integer> validAges = ageService.getValidAges();
model.addAttribute("validAges", validAges);
return "form";
}
@PostMapping("/")
public String checkPersonInfo(@Valid PersonForm personForm, BindingResult bindingResult) {
if (bindingResult.hasErrors()) {
return "form";
}
return "redirect:/results";
}
}
<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<body>
<form action="#" th:action="@{/}" th:object="${personForm}" method="post">
<table>
<tr>
<td>Name:</td>
<td><input type="text" th:field="*{name}"/></td>
<td th:if="${#fields.hasErrors('name')}" th:errors="*{name}">Name Error</td>
</tr>
<tr>
<td>Age:</td>
<td><select th:field="*{age}">
<option value="">Please select ...</option>
<option th:each="validAge:${validAges}" th:value="${validAge}" th:text="${validAge}"></option>
</select></td>
<td th:if="${#fields.hasErrors('age')}" th:errors="*{age}">Age Error</td>
</tr>
<tr>
<td>
<button type="submit">Submit</button>
</td>
</tr>
</table>
</form>
</body>
</html>
首次显示表单时,一切正常,但如果存在验证错误并且表单重新显示,则下拉列表中只有“请选择..”选项。
推荐的技术是什么?
没有填充下拉列表,因为在bindingResult对象发现错误之后,在返回表单之前,似乎没有将validAges列表作为属性添加到模型中。
请加:
模型模型,作为checkPersonInfo的参数,如图所示
CheckPersonInfo(Model model, ...)
在bindingResult.hasErrors块中将validaAges添加到模型中,如图所示
if(bindingResult.hasErrors()){
model.addAttribute("validAges", ageService.getValidAges());
return "form";
}
以上是关于使用spring-boot-starter-web和thymeleaf时填充下拉列表的主要内容,如果未能解决你的问题,请参考以下文章
使用spring-boot-starter-web和thymeleaf时填充下拉列表
带有 spring-boot-starter-web 的 Spring Cloud Gateway
@CrossOrigin 不适用于 spring-boot-starter-web 2.5.2
spring-boot-starter-web包,会导致Gateway启动抛出异常