[TP5实战]后台管理之使用layui创建搜索+分页

矫情吗；* 2022-05-12 09:16 220阅读 0赞

## 目的 ##

** 在项目中,数据库中有多条数据,我们使用搜索搜出来的数据会有很多,一个页面根本无法完全显示出来,所以需要分页,但是,这个分页会跟当前的分页产生冲突,所以要把分页和搜索结合起来,这样不仅方便,而且简化了流程.**

**提示:阅读本文需要15分钟**

## 方法 ##

当我点击分页按钮时,我让这个跳转动作执行searchs(),在searchs()中执行跳转,这样就实现的搜索和分页的统一.

## **流程** ##

### **一.HTML文件** ###

![1240][]

### **二.下载layui文件,并引入layui的js和css文件** ###

![1240 1][]

### **三.JS代码** ###

![1240 2][]

![1240 3][]

### **四.** **在封装的DB类中创建排序(order)方法** ###

![1240 4][]

![1240 5][]

### **五.在PHP文件中,创建getPagesOrSearchs方法** ###

![1240 6][]

### **六.查看结果** ###

![1240 7][]

### **七.在搜索框中显示当前的搜索关键字** ###

![1240 8][]

![1240 9][]

## **结语** ##

在tp5中使用layui创建搜索和分页大概就是这样,当然正式项目中肯定比这详细,例如在正式项目中查询不能使用like查询,因为会给数据库产生非常大的压力,一般都是使用第三方工具和id,这样可以迅速获取到当前要查询的数据,而不给数据库带来负担.

[1240]: /images/20220512/25e3f548e7ec498b9e205d600210233a.png
[1240 1]: /images/20220512/72daf6a33d5a4413903486dcc253d097.png
[1240 2]: /images/20220512/38ff736bcfb3492bac2377cd137a4c12.png
[1240 3]: /images/20220512/44b7caf6675a4ce792914a3cdf4e09a7.png
[1240 4]: /images/20220512/45c4135b402e43268a8e92268d74806d.png
[1240 5]: /images/20220512/5651ef63fc4440548e08bf2e3f71f8b0.png
[1240 6]: /images/20220512/f64066ccd3e049e6ba51119474375711.png
[1240 7]: /images/20220512/a6fca4685ebb43aeb69505902f8fec70.png
[1240 8]: /images/20220512/974ba3f86b234b9dae7abb3eddbd2d23.png
[1240 9]: /images/20220512/04d765090e864c689efa7c85f5db524a.png