对表格的数据的筛选主要的内容其实就是先把数据都查询出来并且显示在页面上,然后页面可以有一个文本框,然后根据文本框输入的内容来查询符合条件的数据。
第一步就是先把数据查询出来,因为数据都是动态的,所以就不可以直接在页面布局上把数据定死。所以这里就用了layui加载表格的的方法来把查询到的数据显示在页面上,如下截图是larui加载表格的方法(更多内容可以访问layui网站)。
如上截图的大概内容就是:先声明两个数据变量-->然后界面加载的时候开始加载数据表格-->“elem”属性是接收数据表格的容器的id值-->“url”属性是查询数据的链接-->“cols”属性就是设置表格的内容(更多内容请看layui网站)-->“page”属性就是开启分页-->“data”属性就是设置一下参数的类型(这里可以写也可以不写)。接下来就是在控制器写查询的方法了,如下面截图。