这段代码总是报500的错误,给出修改代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>民航系统</title> </head> <body> <h1>航班查询</h1> <form action="/flightQuery" method="get"> <label for="flightNum">航班号:</label> <input type="text" id="flightNum" name="flightNum"><br><br> <button type="submit">查询</button> </form> <br><br> <div th:if="${flightDO != null}"> <p>航班公司:[[${flightDO.company}]]</p> </div> </body> </html>@GetMapping("/flightQuery") public FlightDO queryFlight(@RequestParam("flightNum") String flightNum) { FlightDO flightDO = adminService.query(flightNum); return flightDO; }
时间: 2023-08-14 22:15:07 浏览: 345
根据你提供的代码,我看到你在前端页面只传递了一个参数 `flightNum`,但是在后端的方法中接收了两个参数 `flightNum` 和 `date`。这可能是导致 500 错误的原因之一。
因此,你需要在前端页面中添加一个日期选择器,并将其对应的值也传递到后端。
以下是修改后的前端页面代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>民航系统</title>
</head>
<body>
<h1>航班查询</h1>
<form action="/flightQuery" method="get">
<label for="flightNum">航班号:</label>
<input type="text" id="flightNum" name="flightNum"><br><br>
<label for="date">日期:</label>
<input type="date" id="date" name="date"><br><br>
<button type="submit">查询</button>
</form>
<br><br>
<div th:if="${flightDO != null}">
<p>航班公司:[[${flightDO.company}]]</p>
</div>
</body>
</html>
```
在后端的代码中,也需要将方法的参数列表修改为仅接收一个 `flightNum` 参数:
```java
@GetMapping("/flightQuery")
public FlightDO queryFlight(@RequestParam("flightNum") String flightNum, @RequestParam("date") String date) {
FlightDO flightDO = adminService.query(flightNum, date);
return flightDO;
}
```
这样,就可以在前端页面中选择日期并将其值传递到后端了。同时,需要注意前端页面中日期选择器的 name 属性必须与后端代码中的 `@RequestParam` 注解中的参数名相同。
阅读全文