多条件查询

(作者:郭鑫 撰写时间:2019年4月18号)
需要整理数据时,如何快速找到某一种类型的事务,那多条件查询这个功能就是必不可少的了。
在这里插入图片描述
例如这个显示员工信息的表格,可以通过员工所在的部门、职位以及他们的员工编号或姓名快速查询出所需要的员工资料。
在多条件查询之前,首先要把页面所需要的数据信息查出来,并以所需的形式显示在页面上,多条件查询是基于查询出数据后的操作。此处只对多条件部分进行分析以及如何实现。
**

JS部分

**
要进行多条件查询,前提要知道条件是什么。那么第一步就是要获取到所输入的条件内容。
在这里插入图片描述
因为部门和职位是下拉框,所以在绑定下拉框数据时用的是ID,所以获取的时候是获取到ID值,因此用departmentId和positionId来表示获取到的数据,以便于辨认。
获取到了条件内容接下来当然就要判断所获取到的内容是否为空或者undefined。在第一次执行时没法输入条件值,所获取的内容当然就不可能有值,还有就是在输入条件时可选择性输入。所以导致可能有值也能可能为空或undefined。如果值为空或undefined的时候控制器就会报异常就会查询不到数据,页面出现无数据的情况。因此要对获取到的内容进行判断,如果值为空或者undefined时令ID值为0,因为输入框的值类型为string类型,可以为空,所以令输入框的值为空。
在这里插入图片描述
在JS的最关键的一步就是数据重载,也就是把获取到的条件信息传递到控制器进行数据查询。这个例子的数据显示用到的是layui插件的table表格,所以数据重载就是把table的数据更新。
在这里插入图片描述
这是layui插件的表格数据重载。
url是重载的路径。
where是接口(路径)所需的其他参数,也就是多条件查询的条件内容(上面获取到的值)。page是分页的意思,这里加上curr: 1的意思就是从第一页开始显示数据。
另外,如果使用了表格数据重载,那么在表格数据初始化的时候就不用写url了,而且要把初始数据赋值为空。
接下来就是JS代码的最后一步,把上面的步骤写在一个方法体里面,在layui初始化的时候调用这个方法,这样JS部分的代码就结束了。

控制器部分

多条件查询也和查询表格的数据是一样过程也是查询表格的数据,只是多条件查询在查询表格数据的基础上多一些查询的条件,控制器部分的代码就拼接到表格数据查询中即可。
在表格数据初始化的时候已经把条件从页面传递到了控制器,那样控制器就要用参数接收页面传递过来的值。
在这里插入图片描述
因为部门和职位内容都是ID,所以声明一个int类型的参数接收,编号和姓名是字符型的,所以用String类型的参数接收。
因为一会查询时要使用到部门ID、职位ID、员工编号以及员工姓名。所以要在查询全部数据时把这些值查询查询出来。编号以及姓名本来就需要不必进行二次查询。
在这里插入图片描述
接着就是判断接收到的值ID是否大于0,等于0就说明没有该条件直接跳到下一步,大于0是说明有该条件,然后根据这个条件对上面查询出来的所有员工资料信息进行二次筛选。
在这里插入图片描述
判断编号或姓名是否为空,同理为空说明没有该条件直接跳到下一步,不为空说明有该条件,再根据该条件对筛选过的数据进行再次筛选。
在这里插入图片描述
把条件全部判断筛选一次之后,多条件查询的代码就完成了,剩下的就是原来查询数据时的步骤了,像计算总条数、分页、封装数据和返回。
页面显示部分
这是根据部门、职位、员工姓名进行查询的结果:
在这里插入图片描述
这是根据部门、职位、员工编号进行查询的结果:
在这里插入图片描述
上面两种查询都是绝对的了,除非有相同姓名的人。编号和姓名那里可以模糊查询,可以只输入名字的一半或输入姓氏或编号中的一些数字。这样查出来的数据只要是包含有输入的内容就会查询出来。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值