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

本文涉及的产品
应用实时监控服务-可观测链路OpenTelemetry版,每月50GB免费额度
服务治理 MSE Sentinel/OpenSergo,Agent数量 不受限
可观测可视化 Grafana 版,10个用户账号 1个月
简介: 实现数据的搜索( 筛选 )功能

搜索功能 :

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

前端 :

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

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

后端 :

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

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

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

相关文章
|
6月前
|
前端开发 JavaScript 容器
一个可搜索的表格
一个可搜索的表格
|
小程序 JavaScript
小程序搜索弹出搜索内容功能(模糊查询)
小程序搜索弹出搜索内容功能(模糊查询)
72 0
|
数据可视化 索引
基于 Kibana Discover 筛选数据,自由搜索航班信息
在今天的练习中,我们将使用 Kibana 自带的数据来进行一些可视化的展示。希望对刚开始使用 Kibana 的用户有所帮助。
7142 1
基于 Kibana Discover 筛选数据,自由搜索航班信息
|
XML JSON 缓存
Java实现根据关键词搜索1688商品列表数据方法
Java实现根据关键词搜索1688商品列表数据方法
|
前端开发 JavaScript
多条件搜索
多条件搜索
94 0
|
小程序 数据库
小程序搜索功能,云开发搜索,小程序云开发模糊搜索,同时搜索多个字段
小程序搜索功能,云开发搜索,小程序云开发模糊搜索,同时搜索多个字段
275 0
|
SQL JavaScript 前端开发
信息输出:搜索和分析
信息输出:搜索和分析
54 0
|
前端开发 小程序 关系型数据库
小程序中实现搜索功能
小程序中实现搜索功能
小程序中实现搜索功能
一款基于tampermonkey的浏览器插件:聚合搜索
一款基于tampermonkey的浏览器插件:聚合搜索
224 0
一款基于tampermonkey的浏览器插件:聚合搜索