输入框搜索

开发工具与关键技术：vs 和 jquery

作者：戴怡斌

撰写时间：2020.4.26

下面就来说一下输入框搜索功能，刚学的同学可能看题目不是很懂，我也找不到一个词怎么形容，所以看下去就明白了。

输入框好理解，输入框搜索我应用在渲染表格上面，有时候数据太多，一个一个

找才麻烦，所以我们就找一些关键字来进行搜索查找，这样是不是就好理解了。

打个比方，比如某个表格用来记录整个学校的学生人数，还有就是有多少个老师，一个学校里肯定有上千乃至上万人，如果你要单独找一个学生出来那肯定很难，所以，就需要一个搜索查找的功能出来。

下面就以医院的一个表格为案列来给你们详解。

打开vs创建这些不多说，创建完后，先引用js，不然$会一直会报错，

<script src="~/Plugins/layui/layui.js"></script>

创建表格直接引用layui，这是别人已经建好的，直接引用就可以，里面也有css的文件，根据自己的情况引用。

我们在已经创建好的表格进行详解，

以图中字体被红色圈中为例，图中现在有6条数据，怎么样才能查找到被红色圈中的“李村长”。

第一步，找到输入框，给它一个id，然后在控制器里面写代码，

查找用户id表，还要保证输入框里面的类容不为空，查找出来的数据要大于0条数据。

最后在输入框里面输入“李村长”，看效果图

视图的查询代码这里就不说了，下一篇有讲