- 一般情况下搜索功能都是由后端同学去完成的,这些搜索功能对于后端同学来相对简单,也可以进行模糊搜索,只要用sql语句在数据控中检索一下返回给前端就好了,但是对于前端同学来说搜索功能写起来就比较麻烦了,尤其对于这种多层数据结构的
- 今天把我在项目中遇到的搜索功能做个记录;我的需求是这样的:
- 根据搜索框中输入的文字查找第三层数据所对应的关键字
- 根据关键字将匹配的文字的中关键字高亮显示
- 根据关键字所在层级将之所对应的第一集和第二集拼接起来
- 数据结构的大概样式
{ "code": "10", "text": "第一大类llalallalla", "level": null, "parentCode": null, "riskLevel": null, "childrens": [ { "code": "20", "text": "第二大类llallalal", "level": null, "parentCode": "20", "riskLevel": null, "childrens":[ { "code": "2010101", "text": "llalalalla", "level": "1", "childrens": [], "parentCode": "2010", "riskLevel": null
前端搜索功能
最新推荐文章于 2024-07-20 21:43:58 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)