每日简讯:Mysql使用concat函数实现关键字模糊查询功能(列表数据过滤含前后端代码)
时间:2023-06-16 15:05:23来源:脚本之家
目录
前言页面布局sql编写后端代码接口测试前端代码测试效果总结

前言

不知道大家在开发中有没有这样的经历:根据条件过滤列表数据项。

这种的条件少的还好,比如根据姓名或者性别过滤,这样不仅页面会稍微美观一些,对于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

List  queryUserInfo(String keyWord);

 public List queryUserInfo(String keyWord) {
        return userMapper.queryUserInfo(keyWord);
    }

mapper/xml

List queryUserInfo(@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是对的,就是查不出来。

例如:

关于解决方案,目前的只想到一种,就是把数据填满,尽量不要有空。

感觉这个方案不完善,如果你有好的主意,欢迎评论告诉我

总结

其实用起来还是挺方便简单的,实际开发中还是要听从产品或者项目总监的为好。

到此这篇关于Msql使用concat函数实现关键字模糊查询(列表数据过滤-附前后端代码)的文章就介绍到这了,更多相关Msql concat函数模糊查询内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

标签:

最新
  • 每日简讯:Mysql使用concat函数实现关键字模糊查询功能(列表数据过滤含前后端代码)

    在我们的平时开发中经常会遇到根据条件过滤列表数据项,今天在做自己项

  • 每日视点!清华大学保送生需要参加高考吗?清华大学保送生条件有哪些?

    清华大学保送生需要参加高考吗?送生是指中国由某些中等学校推荐保送

  • wps是什么格式 wps与pdf有什么区别?

    wps是什么格式?wps是WPS文档的格式;WPS文档一般指金山文档,金山文

  • 白羊女对于数字一类的东西非常不敏感主要是脑子不太好使?-世界观点

    白羊女:随遇而安白羊女是名副其实的理财小白,不懂得经营自身财产

  • 鹦鹉鱼可以跟什么鱼混养呢?怎么养鹦鹉鱼? 全球短讯

    勤换水,鹦鹉鱼喜欢弱酸性的新水,饲养者最好2天换一次水,每次换水

  • 射手座是一个情商很高的人 生活的意义在于享受快乐?

    射手座:追求快乐射手座是一个情商很高的人,他们知道生活的意义就

  • 每日速递:主页修改不了是什么原因?为什么网页主页改不了?

    主页修改不了是什么原因 主页修改不了怎么解决?win7系统ie主页修改

  • 终止上市的股票怎么办?股票终止上市有哪些条件?

    终止上市的股票怎么办?股票被终止上市后,会给投资者带来很大的损失。宣告终止上市后,股价必然会急剧下

  • 膏药贴厂家代理到哪里找? 仙佑集团膏药在现代医疗中的应用

    随着人们对健康问题的日益关注,膏药行业也在不断发展壮大。膏药是一种传统的中药制品,具有多种功效,

  • 基金赎回按哪一天净值? 基金赎回后几天能转到银行卡?

    基金赎回按哪一天净值?基金赎回的净值取决于投资者的赎回时间。若当日15:00前基金申请赎回,则是按照当

  • lightning接口和typec有啥区别?lightning接口和typec可以通用吗?

    lightning接口和typec有啥区别?好多小伙伴不知道的,那小编就来给大家解答一下吧,感兴趣的可以参考看看

  • 抖音夜间模式打开教程是什么? 抖音护眼模式设置方法是什么?

    抖音夜间模式打开教程是什么?抖音夜间模式打开教程第一步,打开抖音,进入右下角我第二步,点击右上角三

  • 斗鱼直播伴侣怎么设置画面?斗鱼直播伴侣怎么加视频?

    斗鱼直播伴侣怎么设置画面?1、在斗鱼直播伴侣主界面中,点击界面上方的设置按钮。2、在系统设置界面中,

  • win11鼠标光标不见了怎么办?Win10系统桌面经常自动刷新怎么解决?

    win11鼠标光标不见了解决步骤方法一:1、按【 Ctrl + Alt + Del 】组合键,调出锁定界面,点击【

  • 还呗放款中还会被拒吗?还呗放款中多久到账?

    还呗放款中还会被拒吗?还呗放款中一般不会被拒,放款中说明借款申请已经通过系统审核,在走放款程序,据

  • 信用卡逾期会怎么样?信用卡逾期被起诉后多久强制执行?

    信用卡逾期会怎么样1、影响个人信用。信用卡出现逾期情况,会导致个人信用报告上面出现逾期,并且影响到

  • 旅游
    • 便秘吃什么水果好?便秘不能吃哪些食物?

    • 川润股份002272今日主力资金流向 川润股份002272主力控盘分析

    • 抄底失败的三大情况指什么?抄底失败是什么原因?

    • 研究人员发明为在家监测肌肉流失而设计的简单尿液测试法