目录

vue项目如何实现条件查询

vue项目如何实现条件查询?


1.前端

https://i-blog.csdnimg.cn/direct/7bd281603d0d484f8f538ac195564a6c.png

https://i-blog.csdnimg.cn/direct/c5b7904377f14faea8d28cb4d05d0c0e.png

说白了就是,无论该参数是否是空字符串,都会传递到后端。(反正不是null就行)。

2.后端

https://i-blog.csdnimg.cn/direct/961948c7c4144771945ae2e331c4a86e.png

在controller层中,使用@RequestParam注解接收名为registerName的参数,并依次传递到service、mapper层。

3.mybatis的sql语句

https://i-blog.csdnimg.cn/direct/a09d434e270b46589ab50cb10ae3b5d3.png

注意:①红框中的代码的意思是,如果registerName这个参数的值是空字符串,where语句不会执行。也就是当我们没在输入框中输入值,应该查询全部记录。如果registerName不为空字符串,即有具体的值,此时就会执行where语句,进行条件查询。

②一旦我们在@select注解中,涉及到<where></where> 或者<if></if>这种尖括号,就必须要加上<script></script>,不然mybatis不会成功解析我们的sql。

结语

以上就是在vue我们进行条件查询时的步骤。

喜欢本篇文章的话,可以留个免费的关注~~