SpringBoot+html写简单搜索功能代码
时间: 2023-06-11 15:04:40 浏览: 201
好的,以下是一个简单的SpringBoot页面搜索功能的代码示例:
前端页面代码(使用Thymeleaf模板引擎):
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>搜索</title>
</head>
<body>
<form action="#" method="get">
<input type="text" name="keywords" placeholder="请输入关键词" th:value="${keywords}">
<button type="submit">搜索</button>
</form>
<ul>
<li th:each="result : ${results}" th:text="${result}"></li>
</ul>
</body>
</html>
```
后端Java代码:
```java
@Controller
public class SearchController {
@Autowired
private MyService myService;
@GetMapping("/")
public String search(@RequestParam(name = "keywords", required = false) String keywords, Model model) {
if (StringUtils.isBlank(keywords)) {
model.addAttribute("results", Collections.emptyList());
} else {
List<String> results = myService.search(keywords);
model.addAttribute("results", results);
}
model.addAttribute("keywords", keywords);
return "search";
}
}
@Service
public class MyService {
public List<String> search(String keywords) {
// 实现搜索逻辑,返回相关结果
return Arrays.asList("结果1", "结果2", "结果3");
}
}
```
此示例中,前端页面包含一个搜索表单,用户在输入框中输入关键词,并点击提交按钮启动搜索。后端Controller接收到请求并调用MyService类实现搜索逻辑,最后将得到的结果封装到Model并渲染到页面上。需要注意的是,此示例中没有考虑分页、数据缓存等性能问题,仅供参考。
阅读全文