vue3使用el-autocomplete请求远程数据

最新推荐文章于 2025-06-11 14:59:15 发布

梁云亮

最新推荐文章于 2025-06-11 14:59:15 发布

阅读量1k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签：仿百度 autocomplement

本文链接：https://blog.csdn.net/lianghecai52171314/article/details/138448674

本文介绍了如何在SpringBoot的服务器端创建一个RESTfulAPI控制器，处理GET请求获取教师排名数据，同时在Vue前端通过自动完成功能实现动态搜索。展示了从后端API获取数据并过滤展示给用户的例子。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

服务器端

@RestController
@RequestMapping("/teacher")
public class TeacherController {
   
   
    @Resource
    private TeacherService teacherService;

    @GetMapping({
   
   "/v1/getTop10TeacherByName/","/v1/getTop10TeacherByName/{name}"})
    public ResultBean<List<EntryBean>> getTop10TeacherByName(@PathVariable(value = "name",required = false) String name) {
   
   
        List<EntryBean> list = teacherService.getTop10TeacherByName(name);
        return ResultBeanUtil.success(list);
    }

}