vue+springboot+mybatis多条件查询（一）

远程搜索

在输入框输入内容时会在下拉框中显示相关内容，使用element-ui的组件。
前端vue代码如下：

注意：autocomplete只识别value字段，从后台获取的数组中每一个对象必须要有一个value字段
js代码：

getListNumber(queryString, cb) {
     this.$http({
       method: "post",
       url: "/api/findByNumber",
        params: {
          supplyNumber: queryString,
        }
     })
     .then(response =>{
       for(var i=0; i

后端springboot代码：
mapper.xml中：

   
        select distinct supply_number from supply where 1 = 1
        
            and supply_number like concat(concat('%',#{params.supplyNumber}),'%')
        
    

controller.java中：

@RestController
public class SupplyController {
    @RequestMapping("findByNumber")
    public List findByNumber(@RequestParam Map params) {
        return supplyService.findByNumber(params);
    }
}

service.java中：

public interface SupplyService extends IService {
    List findByNumber(Map params);
}

serviceImpl.java中：

 @Service("SupplyService")
    public class SupplyServiceImpl extends ServiceImpl implements SupplyService {
     @Override
      public List findByNumber(Map params) {
        return baseMapper.findByNumber(params);
      }
   }

mapper.java中：

@Mapper
public interface SupplyMapper extends BaseMapper {
    List findByNumber(@Param("params") Map params);
}