THINKPHP整合layui 实现单搜索功能(分页功能实现)

admin

1、layui数据表格添加搜索框

1. <div class="layui-card-body">
   
2.                 <div class="test-table-reload-btn" style="margin-bottom: 10px;">
   
3.                       搜索账号：
   
4.                     <div class="layui-inline">
   
5.                         <input class="layui-input" name="username" id="test-table-demoReload" autocomplete="off">
   
6.                     </div>
   
7.                     <button class="layui-btn" data-type="reload">搜索</button>
   
8.                 </div>  
   
9.                 </div>

复制代码

2、在方法渲染中添加id用于查询时数据重载
id:'idTest'//数据重载表示

1.   table.render({
   
2.             elem: '#test-table-cellEdit'
   
3.             ,id:'idTest'//数据重载表示
   
4.             ,url: '{:url("/admin/index")}'
   
5.             ,toolbar: true
   
6.             ,page: true //开启分页
   
7.             ,cellMinWidth: 60 //全局定义常规单元格的最小宽度，
   
8.             ,cols: [[
   
9.                 {type:'checkbox'}
   
10.                 ,{field:'id', title:'ID', sort: true,width:60,}
    
11.                 ,{field:'username', title:'用户名',  sort: true}
    
12.                 ,{field:'mobile', title:'电话',}
    
13.                 ,{field:'email', title:'邮箱', }
    
14.                 ,{field:'sex', title:'性别', width:60,templet:function (d){
    
15.                     if (d.sex == 1)return'男';
    
16.                     else if (d.sex == 2)return '女';
    
17.                     else return "";
    
18.                     } }
    
19.                 ,{field:'group_id', title:'权限',width:80, }
    
20.                 ,{field:'update_time', title:'登陆时间', sort: true}
    
21.                 ,{field: 'right', title: '操作', toolbar:'#test-table-operate-barDemo'}
    
22.             ]]
    
23.             ,first:false//不显示首页
    
24.             ,last:false//不显示尾页
    
25.         })

复制代码

3、给上面 搜索框 中添加事件（紧接在第二步的下面即可）

1. //搜索监听
   
2.         $('.test-table-reload-btn .layui-btn').on('click', function(){
   
3.             table.reload('idTest', {
   
4.                 where: { //设定异步数据接口的额外参数，任意设
   
5.                     value:$("#test-table-demoReload").val()
   
6.                 },
   
7.                 page:{
   
8.                     curr:1
   
9.                 }
   
10.             });
    
11.         });

复制代码

4、thinkphp 后台控制器处理：

1.   public function index()
   
2.     {
   
3. 
   
4.         if ($this->request->isAjax()) {
   
5. 
   
6. 
   
7.             $page = request()->param('page');// 获取分页数
   
8.             $val = request()->param('value');// 获取品牌搜索关键字
   
9.             $limit = request()->param('limit');// 获取每页条数
   
10.             $start=$limit*($page-1);// 计算分页数据
    
11. 
    
12. 
    
13.             if($val == ''){
    
14.                 $lists = Db::table('yh_admin')->select();
    
15.                 $count = AdminUserModel::count();//查询多少条信息
    
16. 
    
17.             }else{
    
18.                 $lists = AdminUserModel::where('username',$val)->limit($start,$limit)->select();
    
19.                 $count =count(AdminUserModel::where('username',$val)->select());
    
20.             }
    
21.             $arr = array(
    
22.                 'code'=>0,
    
23.                 'msg'=>'查询成功',
    
24.                 'count'=>$count,
    
25.                 'data'=>$lists,$tmp_group
    
26.             );
    
27.             return json($arr);
    
28.         }
    
29.         return View::fetch('admin_index');
    
30.     }

复制代码