Mysql使用concat函数实现关键字模糊查询功能(列表数据过滤含前后端代码)

select a,b,c from table concat(a,b,c) like oncat('%',x,'%')

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

 @GetMapping(value = "/queryList")
    public Result queryList(String keyWord) {
        // 根据关键字模糊查询展示列表数据
        return Result.ok(userService.queryUserInfo(keyWord));
    }

 List<User>  queryUserInfo(String keyWord);

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

 List<User> queryUserInfo(@Param("keyWord") String keyWord);
 <select id="queryUserInfo" resultType="com.wyh.entity.User">
        select
        id,
        sex,
        user_name,
        nick_name,
        birthday,
        image,
        account,
        password,
        phone,
        address,
        remark,
        create_time,
        update_time,
        is_delete,
        status
        from t_user
        <where>
            is_delete = 0
            <if test="keyWord !=null and keyWord !=''">
                and concat(id,sex,user_name,nick_name,birthday,image,account, password,phone, address,
                remark, create_time,update_time,is_delete,status) like concat( '%',#{keyWord},'%')
            </if>
        </where>
        order by id desc
    </select>

   <el-input v-model="keyWord" placeholder="请输入关键字" clearable  class="keyWordText"></el-input>
   <el-button type="primary" icon="el-icon-search"  @click="queryUserList">搜索</el-button>


 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();
  },