elementui+vue通过下拉框多选字段进行搜索模糊匹配

从字典中选择的值为"01","03",在最开始的时候进行的处理是类似于表单提交的时候将json对象转换成了String类型

nature:"01","03"

javascript 复制代码
 this.queryParams.nature =JSON.stringify(this.queryParams.nature);

mapper层

java 复制代码
<if test="nature != null  and nature != ''">and naturelike concat('%', #{nature}, '%')</if>

导致报错

Caused by: java.sql.SQLSyntaxErrorException: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'like concat('%', '"01","03"', '%')

问题可能出在尝试构造一个LIKE查询来搜索包含某个数组表示形式的文本。在SQL中直接使用如'"01"'这样的字符串,并尝试通过CONCAT函数将其嵌入到LIKE模式中通常是不直接支持的,特别是当数据库期望的是一个简单的百分号(%)引导的模式时,对于这种情况,需要对SQL语句进行更复杂的处理,因为LIKE和CONCAT无法直接处理数组。一种可能的解决方案是将nature参数拆分为多个部分并在IN子句中使用

解决:

将数组转换成了以逗号分隔的字符串

nature:01,04

javascript 复制代码
this.queryParams.nature =this.queryParams.nature.join(',');

mapper层

1.添加了foreach语句,用于遍历 nature 属性的值。split(',') 会将字符串 nature 使用逗号分割成一个字符串数组。item 是数组中的当前元素,index 是当前元素的索引,collection 是要遍历的集合(这里是分割后的数组)。

2.open="(" 和 close=")": 这两个属性分别设置了循环开始和结束的括号。在 SQL 中,LIKE 条件通常会用括号包围,尤其是当有多个 OR 条件时,以确保逻辑正确。

3.separator="or": 这个属性定义了在每个元素之间插入的分隔符。在这里,我们使用 or,意味着在每个 LIKE 条件之间添加 OR,形成类似 (nature like '%value1%' or nature like '%value2%' ...) 的结构。

java 复制代码
<if test="nature != null  and nature != ''">
                <foreach item="item" index="index" collection="nature.split(',')" open="(" close=")" separator="or">
                    nature like concat('%', #{item}, '%')
                </foreach>
            </if>
相关推荐
ym hyd 11114 分钟前
汽车零部件缺陷管理系统源码 Java+SpringBoot+Vue3 前后分离
java·vue.js·spring boot·汽车·毕设
孔令飞41 分钟前
Go中指针引用Go中指针引用Go中指针引用Go中指针引用Go中指针引用Go中指针引用Go中指针引用Go中指针引用Go中指针引用Go中指针引用Go中指针引用Go中
前端
溪语流沙1 小时前
【Web全栈进阶】PostgreSQL上手:Docker跑库 + 把早报站从SQLite迁过去
前端·docker·postgresql
IT_陈寒1 小时前
SpringBoot自动配置的坑:你以为的捷径可能是弯路
前端·人工智能·后端
paopaokaka_luck1 小时前
高校社团管理(AI辅助任务分配、协同过滤算法推荐、ECharts数据可视化、活动参与闭环、校园交流与反馈、器材借还管理)
java·前端·javascript·spring boot·数据分析·echarts
vx_Biye_Design1 小时前
springboot小区管理系统68491-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·课程设计·express
薛一半1 小时前
React-Redux三重优化实战揭秘
javascript·vue.js·react.js
专业程序开发源1 小时前
springboot外卖系统94294-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·php·课程设计
Dovis(誓平步青云)1 小时前
导览音频切换太快,旧讲解不能覆盖新展品
android·前端·javascript·ecmascript·音视频·宠物
FYKJ_20102 小时前
springboot心理健康管理系统86254-计算机课程设计、毕业设计
vue.js·spring boot·后端·python·mysql·django·课程设计