如何使用Thymeleaf模板引擎将输入的id或者name传递给BookController的GET请求方法并将内容显示在该页面上
要将输入的id或者name传递给BookController的GET请求方法,并将内容显示在页面上,可以按照以下步骤操作:
- 在HTML页面中的表单中添加输入框,用于输入id或者name。
<form action="#" th:action="@{/book}" method="get">
<input type="text" name="id" placeholder="Enter ID">
<input type="text" name="name" placeholder="Enter Name">
<button type="submit">Submit</button>
</form>
- 在BookController中创建GET请求处理方法,并使用@RequestParam注解获取id和name参数。
@GetMapping("/book")
public String getBook(@RequestParam(required = false) String id, @RequestParam(required = false) String name, Model model) {
// 根据id或者name查询书籍信息
// 这里只是示例,你可以根据实际情况进行查询操作
Book book = bookService.getBookByIdOrName(id, name);
// 将查询结果添加到模型中
model.addAttribute("book", book);
// 返回书籍详情页面
return "book-detail";
}
- 创建书籍详情页面book-detail.html,并使用Thymeleaf表达式显示书籍信息。
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Book Detail</title>
</head>
<body>
<h1>Book Detail</h1>
<p th:text="${book.id}"></p>
<p th:text="${book.name}"></p>
<!-- 其他书籍信息 -->
</body>
</html>
这样,当表单提交时,id和name参数将被传递给BookController的GET请求方法,方法中根据参数查询书籍信息,并将结果添加到模型中。然后Thymeleaf模板引擎将书籍信息显示在书籍详情页面上
原文地址: https://www.cveoy.top/t/topic/hUBV 著作权归作者所有。请勿转载和采集!