实现数据的搜索( 筛选 )功能

本文涉及的产品
服务治理 MSE Sentinel/OpenSergo,Agent数量 不受限
可观测可视化 Grafana 版,10个用户账号 1个月
简介: 实现数据的搜索( 筛选 )功能

搜索功能 :

可以根据搜索框对数据进行搜索, 筛选出满足条件的数据,
搜索功能主要还是后端的SQL语句的拼接, 查出满足需求的数据, 再展示给前端

前端 :

在前端我们可以在
ElementUI里获取对应的功能组件
在这里插入图片描述

这里与发送到后端的表单数据里的account进行绑定也就是此处我们要用account进行查询, 作为后端查询条件给传给后端

后端 :

在后端我们可以判断接收到的参数account是否为空, 为空就不拼接查询的sql语句, 不为空就要拼接上sql 语句, 这里要明白mybatis里的mapper文件的书写规则

mapper文件
在这里插入图片描述

视图说明:
在这里插入图片描述

相关文章
|
18天前
|
前端开发 JavaScript 容器
一个可搜索的表格
一个可搜索的表格
|
7月前
|
小程序 JavaScript
小程序搜索弹出搜索内容功能(模糊查询)
小程序搜索弹出搜索内容功能(模糊查询)
39 0
|
11月前
|
XML JSON 缓存
Java实现根据关键词搜索1688商品列表数据方法
Java实现根据关键词搜索1688商品列表数据方法
77 0
|
11月前
|
前端开发 JavaScript
多条件搜索
多条件搜索
65 0
|
小程序 数据库
小程序搜索功能,云开发搜索,小程序云开发模糊搜索,同时搜索多个字段
小程序搜索功能,云开发搜索,小程序云开发模糊搜索,同时搜索多个字段
246 0
一款基于tampermonkey的浏览器插件:聚合搜索
一款基于tampermonkey的浏览器插件:聚合搜索
188 0
一款基于tampermonkey的浏览器插件:聚合搜索
如何隐藏SAP CRM搜索页面的某些搜索条件
如何隐藏SAP CRM搜索页面的某些搜索条件
108 0
如何隐藏SAP CRM搜索页面的某些搜索条件
|
存储 小程序
小程序实现搜索历史记录,去重搜索字段以及限制展示字段数量
小程序实现搜索历史记录,去重搜索字段以及限制展示字段数量
1360 0
|
存储 搜索推荐 开发者
标签权重在个性化搜索排序中的最佳实践
本文通过阿里云开放搜索中的tag_match 函数的标签匹配应用,详细解读标签权重在搜索排序召回中的业务价值
6296 0
标签权重在个性化搜索排序中的最佳实践