多条件查询
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:Visual Studio/ 多条件查询
作者:戴伟雄
撰写时间:2019年6月4日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
当我们面对大数据的时候,我们想要找到自己所需要的数据这里就需要做数据的查询,我们可以根据数据的特性设置数据的查询条件,从而找到我们需要的数据。我们应该怎样实现数据的一个多条件的查询功能下面一起来实现一下。
来看一下我们这里的查询条件,我们这边是一个关于员工的信息,查询条件有员工的姓名、编号、部门、职位,姓名编号是一个模糊查询是可以输入相关的信息做一个模糊查询,部门和职位是一个下拉框可以选择你需要的员工信息的一个部门或者职位。当然这四个条件是可以组合起来一起查询,得到精准度比较高的数据,所以这里就组成了多条件的一个查询。
看到页面这里,我们要想在后台查询到用户想要得到的数据我们就必须先得到用户选择的查询条件,我们这里写了多条件查询的一个方法,下面就是先获取到页面上的查询条件,用一个val的方法获取到用户输入选择到的相关数据。
下面是获取到数据之后,我们要进行一个判断,我们要判断用户设置的查询条件是否为空,如果是“名字/编号”的那个输入的条件为undefined的话我们就直接给它一个空的字符串,因为下拉框的查询方式最终是通过用户选择条件的ID进行查询,所以下拉框的查询条件为undefined或者为空字符串的话我们就给它为0。就是这样判断一下用户的查询条件的一个数据,
判断完查询条件的是否为空之后我们要进行表格数据的查询一个数据的重载,我们用的是layui插件的方法,数据重载这里提供了两种方法,一是自动化渲染、二是方法级渲染,我们这用的是方法级渲染,里面是设置相关参数,url设置路径,where是条件就是上面获取到用户的查询条件,page是设置表格重载的时候是重新从第几页开始,这边设置的是重新从第一页开始。
上面设置好表格数据重载的各项参数之后,我们要在控制器这边实现数据的查询,控制器这边先接收到页面那边传过来的查询条件,再进行相关数据连表的一个查询把需要的数据查询并且提取出来,还有筛选条件下拉框的数据的ID拿到,拿到相关的数据和筛选的条件然后下面就是进行对数据的筛选。
下面就是对查询出来的数据进行一个条件的筛选,先是姓名和编号的模糊查询的筛选,然后就是部门和职位的下拉框查询条件的一个筛选,就这样把用户需要的数据筛选出来,筛选出来之后就对数据进行分页查询和数据发送。把用户需要的数据发送到页面。这样就实现了数据的多条件查询。