Mysql使用concat函数实现关键字模糊查询功能(列表数据过滤含前后端代码)
来源:脚本之家
时间:2023-02-25 08:25:35 201浏览 收藏
怎么入门数据库编程?需要学习哪些知识点?这是新手们刚接触编程时常见的问题;下面golang学习网就来给大家整理分享一些知识点,希望能够给初学者一些帮助。本篇文章就来介绍《Mysql使用concat函数实现关键字模糊查询功能(列表数据过滤含前后端代码)》,涉及到函数、模糊查询、Mysqlconcat,有需要的可以收藏一下
这种的条件少的还好,比如根据姓名或者性别过滤,这样不仅页面会稍微美观一些,对于sql的压力以及后端的代码量也是会轻松不少的。
但是条件多了,条件1,条件2,条件3…条件100,这时候后端的接口就会一个一个的if判断,不断的追加条件(做为后端开发深有体会,头大)
我给大家简单画个图,大家就明白了:
那么有没有一种方式,可以又美化页面,不增加使用者的视觉疲劳,又能做到只输入一个关键字,就能将全部的数据按照输入的关键字进行过滤,从而只留下符合关键字信息的呢。
当然有,今天在做自己项目的时候就遇到了这个问题,正好借着这个机会分享我的思路以及相关的代码。
页面布局
关于页面布局,正如上述,我只需要留下一个输入框,用来过滤列表数据:
sql编写
那sql就不能无脑使用xxx like xxx and xxx like xxx 这种格式了。
告诉大家一个小技巧,msql的模糊查询是可以配合concat函数一起使用的。
具体sql格式为:
select a,b,c from table concat(a,b,c) like oncat('%',x,'%')
这样就可以实现,根据x这个值对a,b,c这三个字段进行过滤了。
下面是一个实战的sql:
select id, sex, user_name,nick_name,birthday,image,account,password,phone,address,create_time,update_time,is_delete,status from t_user where concat(user_name,nick_name,birthday,account,phone,address,remark) like concat('%','雪','%')order by id desc
备注:查询出的字段和concat的字段不一定非要是完全匹配的
比如你可以直接查询a,b,c,d,e 但是只concat(a,e)也是可以的,不需要像union all那么严格
后端代码
有个这个思路,代码就简单了,相关代码如下:
controller
@GetMapping(value = "/queryList") public Result queryList(String keyWord) { // 根据关键字模糊查询展示列表数据 return Result.ok(userService.queryUserInfo(keyWord)); }
service/impl
ListqueryUserInfo(String keyWord); public List queryUserInfo(String keyWord) { return userMapper.queryUserInfo(keyWord); }
mapper/xml
ListqueryUserInfo(@Param("keyWord") String keyWord);
接口测试
这时候接口就写完了,可以自己简单测试下:
有参数
无参
前端代码
接口写完了,直接调用即可。
由于我前端代码较多,大多数是和这个业务无关的代码,所以下面只粘贴关键代码,代码格式可能不太多,自行调整即可
搜索 data() { return { keyWord:'', // 输入框关键字 userTableData: [], // 用户列表 }, // 展示用户列表 methods: { queryUserList() { axios.get('http://localhost:9090/user/queryList', { // 传递的参数 params: { keyWord:this.keyWord } // 回调函数,一定要使用箭头函数,不然this的指向不是vue示例 }).then(res =>{ // 请求成功后的数据返回给用户列表用于展示 this.userTableData = res.data.data; }).catch(error =>{ console.log(error) }) } } mounted() { // 页面加载就渲染用户列表 this.queryUserList(); },
测试效果
既然代码都写完了,那就试试看吧,下面为几个测试截图:
坑:
经过测试有一个坑,那就是如果concat中的字段值有空的,可能导致查询不到该数据,就会造成一个假象,明明数据和sql是对的,就是查不出来。
例如:
关于解决方案,目前的只想到一种,就是把数据填满,尽量不要有空。
感觉这个方案不完善,如果你有好的主意,欢迎评论告诉我
总结
其实用起来还是挺方便简单的,实际开发中还是要听从产品或者项目总监的为好。
今天带大家了解了函数、模糊查询、Mysqlconcat的相关知识,希望对你有所帮助;关于数据库的技术知识我们会一点点深入介绍,欢迎大家关注golang学习网公众号,一起学习编程~
-
366 收藏
-
272 收藏
-
312 收藏
-
297 收藏
-
451 收藏
-
136 收藏
-
187 收藏
-
381 收藏
-
211 收藏
-
164 收藏
-
175 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 507次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 497次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 484次学习
-
- 优美的小猫咪
- 太全面了,mark,感谢作者的这篇技术贴,我会继续支持!
- 2023-03-31 12:51:57
-
- 优美的果汁
- 很有用,一直没懂这个问题,但其实工作中常常有遇到...不过今天到这,看完之后很有帮助,总算是懂了,感谢博主分享文章内容!
- 2023-03-24 17:40:26
-
- 大气的汽车
- 这篇技术文章太及时了,作者加油!
- 2023-03-11 13:22:47
-
- 凶狠的小虾米
- 这篇文章太及时了,很详细,很好,收藏了,关注博主了!希望博主能多写数据库相关的文章。
- 2023-02-26 21:22:34
-
- 标致的镜子
- 这篇博文真是及时雨啊,太细致了,受益颇多,码住,关注老哥了!希望老哥能多写数据库相关的文章。
- 2023-02-25 15:03:38