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

目的

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

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

方法

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

流程

一.HTML文件

[TP5实战]后台管理之使用layui创建搜索+分页_第1张图片

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

[TP5实战]后台管理之使用layui创建搜索+分页_第2张图片

三.JS代码

[TP5实战]后台管理之使用layui创建搜索+分页_第3张图片

[TP5实战]后台管理之使用layui创建搜索+分页_第4张图片

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

[TP5实战]后台管理之使用layui创建搜索+分页_第5张图片

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

[TP5实战]后台管理之使用layui创建搜索+分页_第6张图片

六.查看结果

[TP5实战]后台管理之使用layui创建搜索+分页_第7张图片

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

[TP5实战]后台管理之使用layui创建搜索+分页_第8张图片

[TP5实战]后台管理之使用layui创建搜索+分页_第9张图片

结语

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

你可能感兴趣的:(PHP,TP5)