当前位置:首页 > 技巧大全 > 网站建设 > 正文内容

ThinkPHP6+Layui实现搜索分页

Git开源网2022-04-11 22:12:03网站建设402

基于ThinkPHP6+Layui实现多条件搜索分页方法:

步骤1、HTML代码:

        <fieldset>
            <legend>搜索信息</legend>
            <div style="margin: 10px 10px 10px 10px">
                <form class="layui-form layui-form-pane" action="">
                    <div>
                        <div>
                            <label>账号</label>
                            <div>
                                <input type="text" name="admin_name" autocomplete="off">
                            </div>
                        </div>
                        <div>
                            <label>用户姓名</label>
                            <div>
                                <input type="text" name="admin_realname" autocomplete="off">
                            </div>
                        </div>
                        <div>
                            <label>日期选择</label>
                            <div>
                                <input type="text" name="created_at" id="date1" autocomplete="off">
                            </div>
                        </div>
                        <div>
                            <button type="submit" class="layui-btn layui-btn-primary"  lay-submit lay-filter="data-search-btn"><i></i> 搜 索</button>
                        </div>
                    </div>
                </form>
            </div>
        </fieldset>

步骤2、JavaScript代码:

<script>
    layui.use(['form', 'table', 'laydate'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table
            , laydate = layui.laydate;
        //日期
        laydate.render({
            elem: '#date1'
        });
 
        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            var result = JSON.stringify(data.field);
            // layer.alert(result, {
            //     title: '最终的搜索信息'
            // });
 
            //执行搜索重载
            table.reload('currentTableId', {
                page: {
                    curr: 1
                }
                , where: {
                    searchParams: result
                }
            }, 'data');
 
            return false;
        });
    });
</script>

步骤3、后端代码:用户接收数据和处理

<?php
declare (strict_types = 1);
 
namespace app\union\controller;
 
use app\Request;
use think\facade\View;
use app\union\model\Adminlist;
 
class Admin{
    public function getAdminlist(Request $request){
       //获取每页显示的条数
       $limit= $request->param('limit');
       //获取当前页数
       $page= $request->param('page');
       $where=[];
       // $where = '1=1';
       if(!empty($request->param('searchParams'))){
              $searchParams=json_decode($request->param('searchParams'),true);
              if(!empty($searchParams['admin_name'])){
                     $where[] = array('admin_name', 'like', $searchParams['admin_name'].'%');
              }
              if(!empty($searchParams['admin_realname'])){
                     $where[] = array('admin_realname', 'like', $searchParams['admin_realname']);
              }
              if(!empty($searchParams['created_at'])){
                     $where[] = array('created_at', '=', strtotime($searchParams['created_at']));
              }
       }
       $admin_list=Adminlist::where($where)
              ->order('id', 'desc')
              ->paginate($limit,false,['page'=>$page])
       ->toArray();
 
       return json(['code'=>200,'msg'=>'','count'=>$admin_list['total'],'data'=>$admin_list['data']]);
 
    }
}
?>

效果:

ThinkPHP6+Layui实现搜索分页.png

扫描二维码推送至手机访问。

版权声明:本文由Git开源网_git开源代码资源网_git开源博客发布,如需转载请注明出处。

本文链接:http://gitoscc.com/?id=867

标签: ThinkPHPlayui

相关文章

传智播客PHP2015-ThinkPHP视频教程

传智播客PHP2015-ThinkPHP视频教程

传智播客PHP2015-ThinkPHP视频教程[Download]资源名称:传智播客PHP2015-ThinkPHP视频教程下载地址:百度云盘 [/Download]...

下载安装ThinkPHP5.1框架的方法

下载安装ThinkPHP5.1框架的方法

由于ThinkPHP5.1的下载方式已经变为composer安装,在thinkphp.cn是无法下载到的(仍是5.0版本),本文教大家如何下载安装ThinkPHP5.1框架。第一步、下载安装composer访问https://www.php...

ThinkPHP5留言板教程

ThinkPHP5留言板教程系列,共30讲,逐步讲解怎么建立一个留言板程序https://blog.csdn.net/weixin_36185028/article/category/7089395...

thinkphp5引入公共部分header、footer的方法详解

thinkphp5引入公共部分header、footer的方法详解

项目中需要用到引入公共导航、头部、底部、右边部分等等首先要弄清楚thinkphp5的配置项是哪个文件,众所周知:config.php,如下图所示只需要在配置项里配置里如下内容即可‘template‘      ...

100G左右的PHP和thinkphp全套资料包

100G左右的PHP和thinkphp全套资料包

资料不少,大概有15套,包括PHP和 thinkphp。 如果能把这10几套PHP都学完,掌握,2019年保底薪资8K,应该轻松搞定[Download]资源名称:100G左右的PHP和thinkphp全套资料包下载地址1:https://p...

Thinkphp的Ajax分页加搜索查询

Thinkphp的Ajax分页加搜索查询

搜索#keyword和加载内容区域#ajax_lists<input type="text" class="input" id="keyword"...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。