搜索框模糊查询

每个项目中都会存在有数据存放表格等东西,对这些数据的处理方法也有很多,也避免不了查询数据。而在查询数据的方法中会存在有一个搜索框,但在我们平时使用什么软件的时候使用的所搜功能都是可以搜一个关键字就可以查询到你想要的数据,这就是一个模糊查询,那这一个方法是怎么实现的呢?这就要用到查询代码中的条件筛选,模糊查询了。
模糊查询是位于条件筛选查询之上的一种查询方式,原理和基本筛选差不多,一个是通过某一个值确认是某些值,一个是通过像某一个值确认某些值。
要进行筛选,首先还是要接一个查询代码查询所有数据。
搜索框模糊查询_第1张图片
创建一个查询方法然后进行分页查询(我这里使用了封装方法分页查询的实体类,原文太长我将代码压缩了一下),在原本查询分页时除了分页传参,其它的参数都是可以不写的,而条件查询时就需要通过某个具体的值来确认你要查询的数据,在查询完成返回ToList()后就要写条件查询的代码了。
在这里插入图片描述
先判断传过来的值是否有值,有值则按条件查询,没值则按原查询执行。当判断成立就通过where条件进行返回值。如果是直接条件筛选则是Where(m =>m.ClientNumber == ClientNumber)通过相等来确认具体数据。
我们都知道在数据库中的模糊查询是一个like加上'%条件关键字%'等三种方式就可以模糊查询到数据,C#中也有模糊查询,不过写法不一样C#是通过三个方法来实现数据库中三种模糊查询方法的:Contains(“条件关键字”)、StartsWith(“条件关键字”)、EndsWith(“条件关键字”),分别为两端模糊、开头模糊、结尾模糊。而我们这里使用的是两端模糊,根据上图所示。
在这里插入图片描述
上面则是分页最后的操作,之前也讲过这里便不再赘述,下面是js部分。
控制器查询代码完成后在js部分使用layui表格渲染,显示出的仍是所有数据,然后我们就是用多条件查询来重新渲染表格。
搜索框模糊查询_第2张图片
查询肯定是一个input框加上一个按钮,点击按钮实现查询,我就给按钮一个点击事件,首先不管input框里是否有值都先使用empty()方法清空input的值,然后再进行获取值操作。
创建一个变量获取到input中你所输入的值然后将创建的表格通过reload方法重载一下,调用的路径方法虽然还是原方法,但是所传参数已经有值,通过键值对比的形式将值传到控制器,然后条件判断通过,使用where条件查询所有有关联的数据,查出的数据都是跟你所输入的值有关联的数据。最后将点击重载方法放到原本渲染表格的方法中。
在这里插入图片描述
因为我数据值录入了一条(图片太大修了一下), 如上是没有查询前的样式,数据是出来了,然后我们是通过编号进行模糊查询,在我输入一个或一串编号内任意相同字符串则可以查询到相关数据。
搜索框模糊查询_第3张图片
经过查询数据出来了,如果说不能模糊查询,数据是不能被查询出的,证实了模糊查询方法成功。

你可能感兴趣的:(技术分享,C#,js,前端,实用功能)