thinkphp5 ajax搜索+分頁

時間  2019-11-08
標籤 thinkphp5 thinkphp ajax 搜索 分頁 欄目 PHP 简体版
原文   原文鏈接
  1.                 <center>  
  2.                 <table >  
  3.   
  4.                     <tr>  
  5.                         水果名稱<input type="text" name="f_name" class="f_name">  
  6.                         水果分類  
  7.                         <select name="t_id" id="" class="t_id">  
  8.                             <option value="">請選擇分類</option>  
  9.                             {foreach name='type' item='vo'}  
  10.                             <option value="{$vo.t_id}">{$vo.t_name}</option>  
  11.                             {/foreach}  
  12.                         </select>  
  13.   
  14.                         上架狀態  
  15.                         <select name="is_show"  class="is_show">  
  16.                             <option value="">請選擇上架狀態</option>  
  17.                             <option value="1">上架</option>  
  18.                             <option value="0">未上架</option>  
  19.                         </select>  
  20.                        活動狀態  
  21.                         <select name="is_hot" class="is_hot">  
  22.                             <option value="">請選擇活動狀態</option>  
  23.                             <option value="1">參與活動</option>  
  24.                             <option value="0">未參與活動</option>  
  25.                         </select>  
  26.                         <input type="button" value="搜索" class="sou">  
  27.                     </tr>  
  28.   
  29.                 </table>  
  30.                 </center>  
  31.                 <table id="sample-table-1" class="table table-striped table-bordered table-hover">  
  32.                     <thead>  
  33.                     <tr>  
  34.   
  35.                         <th class="center">  
  36.                             <label>  
  37.                                 <input type="checkbox" class="ace" />  
  38.                                 <span class="lbl"></span>  
  39.                             </label>  
  40.                         </th>  
  41.                         <th>商品編號</th>  
  42.                         <th>商品名稱</th>  
  43.                         <th>商品圖片</th>  
  44.                         <th>所屬分類</th>  
  45.                         <th>水果重量</th>  
  46.                         <th>水果庫存</th>  
  47.                         <th>已銷售量</th>  
  48.                         <th>產地</th>  
  49.                         <th>銷售價</th>  
  50.                         <th>會員價</th>  
  51.                         <th>是否上架</th>  
  52.                         <th>是否參與活動</th>  
  53.                         <th>操做</th>  
  54.                     </tr>  
  55.                     </thead>  
  56.   
  57.                     <tbody class="body">  
  58.                     {foreach name='data' item='v'}  
  59.                     <tr>  
  60.                         <td class="center">  
  61.                             <label>  
  62.                                 <input type="checkbox" class ='box' name="box" alt="{$v.f_id}"/>  
  63.                                 <span class="lbl"></span>  
  64.                             </label>  
  65.                         </td>  
  66.   
  67.   
  68.                         <td>{$v.f_id}</td>  
  69.                         <td>{$v.f_name}</td>  
  70.                         <td><img src="<?php echo $v['f_img'];?>" alt="" width="50"></td>  
  71.                         <td>{$v.t_name}</td>  
  72.                         <td>{$v.f_weight}</td>  
  73.                         <td>{$v.f_surplus}</td>  
  74.                         <td>{$v.f_sale}</td>  
  75.                         <td>{$v.f_place}</td>  
  76.                         <td>{$v.m_price}</td>  
  77.                         <td>{$v.v_price}</td>  
  78.                         <td>  
  79.                             {if condition="$v.is_show == 1"}  
  80.                              上架  
  81.                             {else /}  
  82.                          下架  
  83.                             {/if}  
  84.                         </td>  
  85.                         <td>  
  86.                             {if condition="$v.is_hot== 1"}  
  87.                              參與活動  
  88.                             {else /}  
  89.                          不參與活動  
  90.                             {/if}  
  91.                         </td>  
  92.                         <td>  
  93.                             <a href="{:url('index/Goods/modify')}?fid={$v.f_id}">編輯</a>  
  94.                             <button class="del" alt="{$v.f_id}">刪除</button>  
  95.                         </td>  
  96.   
  97.                     </tr>  
  98.                     {/foreach}  
  99.   
  100.   
  101.   
  102.                     </tbody>  
  103.                 </table>  
  104.                 <center>  
  105.                 <table >  
  106.                 <div><div class="pages">{$page}</div>  
  107.                     <input type="button" class="quan" value="全選">  
  108.                     <input type="button" class="fan" value="反選">  
  109.                     <input type="button" class="pishan" value="批刪">  
  110.                     <input type="text" class="pa" value="{$num}"></div>  
  111.   
  112.                 </table>  
  113.                 </center>  
  114.             </div><!-- /.table-responsive -->  
  115.         </div><!-- /span -->  
  116.     </div><!-- /row -->  
  117.     <script src="js/jq.js"></script>  
  118.     <script>  
  119.         var obj= new Object();  
  120.         $('.sou').click(function(){  
  121.             obj['f_name']=$('.f_name').val();  
  122.             obj['t_id']=$('.t_id').val();  
  123.             obj['is_show']=$('.is_show').val();  
  124.             obj['is_hot']=$('.is_hot').val();  
  125. //            alert(obj['t_id']);  
  126.             obj['id']=2  
  127.             page(1);  
  128.         })  
  129.         //分頁  
  130.   
  131.         function page(p){  
  132.             var html='';  
  133.             $.each(obj,function(k,v){  
  134.                 html+=k+'='+v+'&';  
  135.             });  
  136.             var num=$('.pa').val();  
  137.             var str='';  
  138.   
  139.             $.ajax({  
  140.                 type: "POST",  
  141. //                url: "index.php/index/goods/page",  
  142.                 url: "{:url('index/Goods/page')}",  
  143.                 data: html+"p="+p+"&num="+num,  
  144.                 dataType:'json',  
  145.                 success: function(msg){  
  146.   
  147.                     $('.pages').html(msg.page);  
  148.                     $('.pa').val(num);  
  149.                     var is_show='';  
  150.                     var is_hot='';  
  151.                     $.each( msg.list, function(k, v){  
  152.                         if(v.is_show==1){  
  153.                             is_show='上架'  
  154.                         }else {  
  155.                             is_show='下架'  
  156.                         }  
  157.                         if(v.is_hot==1){  
  158.                             is_hot='參與活動'  
  159.                         }else {  
  160.                             is_hot='不參與活動'  
  161.                         }  
  162.                         str+='<tr><td class="center"><label><input type="checkbox" class ="box" name="box" alt="'+ v.f_id+'"/><span class="lbl"></span></label></td>';  
  163.                         str+='<td>'+v.f_id+'</td><td>'+v.f_name+'</td><td><img src="'+ v.f_img+'" alt="" width="50"></td><td>'+v.t_name+'</td><td>'+v.f_weight+'</td><td>'+v.f_surplus+'</td><td>'+v.f_sale+'</td><td>'+v.f_place+'</td><td>'+v.m_price+'</td><td>'+v.v_price+'</td>';  
  164.                            str+='<td>'+is_show+'</td><td>'+is_hot+'</td><td><a href="index.php/index/Goods/modify?fid='+v.f_id+'">編輯</a><button class="del" alt="'+v.f_id+'">刪除</button></td></tr>';  
  165. //                        str+='<tr><td>'+v.user_id+'</td><td>'+v.username+'</td><td>'+v.sex+'</td><td>'+v.age+'</td><td><'+v.lasttime+'</td></tr>';  
  166.                     });  
  167.                     $('.body').html(str);  
  168.   
  169.         }  
  170.             });  
  171.         }  
  172.   
  173.   
  174.     
[php]  view plain  copy
 
  1.     public function lists()  
  2.     {  
  3. //      商品關聯分類查詢 普通展現  
  4. //      $data = db('sg_fruits')  
  5. //          ->join('sg_type', 'sg_fruits.t_id = sg_type.t_id')  
  6. //          ->select();  
  7. //      $this->view->engine->layout(true);  
  8. //      $this->assign('data', $data);  
  9. //      return view('lists');  
  10. //  
  11. //  
  12.   
  13.         //分頁展現  
  14.         //總條數  
  15.         $count=db('sg_fruits')  
  16.         ->join('sg_type','sg_fruits.t_id = sg_type.t_id')  
  17.             ->count();  
  18.         //默認當前頁1//每頁顯示條數  
  19.         $p=1;$num=5;  
  20.         $limit=($p-1)*$num;  
  21.   
  22.         $fruits=new Fruits();  
  23.         $page=$fruits->fen($count,$p,$num);  
  24.         $data=db('sg_fruits')  
  25.             ->join('sg_type','sg_fruits.t_id = sg_type.t_id')  
  26.             ->limit($limit,$num)  
  27.             ->select();  
  28.         //查詢分類  
  29.         $type= db('sg_type')->select();  
  30.   
  31.         // 把分頁數據賦值給模板變量list  
  32.         $this->view->engine->layout(true);  
  33.   
  34.         $this->assign('data', $data);  
  35.         $this->assign('page', $page);  
  36.         $this->assign('type', $type);  
  37.         $this->assign('num', $num);  
  38.   
  39.         // 渲染模板輸出  
  40.        return $this->fetch();  
  41.   
  42.     }  
  43. //分頁2日後  
  44.     public function  page(){  
  45.         if(isset($_POST['id'])){  
  46.             $arr=$_POST;  
  47. //          var_dump($arr);die;  
  48.             $where[]='1=1';  
  49.             if(!empty($arr['is_hot  '])){  
  50.                 $a = $arr['is_hot'];  
  51.                 $where[]= 'is_hot ='."$a";  
  52.             }  
  53.             if(!empty($arr['is_show'])) {  
  54.                 $b = $arr['is_show'];  
  55.                 $where[] = 'is_show =' . "$b";  
  56.             }  
  57.             if(!empty($arr['t_id'])) {  
  58.                 $d = $arr['t_id'];  
  59.                 $where[] = 'sg_fruits.t_id ='."$d";  
  60.             }  
  61.             if(!empty($arr['f_name'])) {  
  62.                 $c = $arr['f_name'];  
  63.                 $where[] = 'f_name  like \'%' . "$c".'%\'';  
  64.             }  
  65.   
  66.             $wh=implode(' AND ',$where);  
  67. //          echo $wh;die;  
  68.               
  69.             $num=$_POST['num'];  
  70.             $p=$_POST['p'];  
  71.             $fruits=new Fruits();  
  72.             //總條數  
  73.             $count=db('sg_fruits')  
  74.                 ->join('sg_type','sg_fruits.t_id = sg_type.t_id')  
  75.                 ->where($wh)  
  76.                 ->count();  
  77.             $data['page']=$fruits->fen($count,$p,$num);  
  78.             $limit=($p-1)*$num;  
  79.             $data['list']=db('sg_fruits')  
  80.                 ->join('sg_type','sg_fruits.t_id = sg_type.t_id')  
  81.                 ->where($wh)  
  82.                 ->limit($limit,$num)  
  83.                 ->select();  
  84.             echo json_encode($data);  
  85.         }else{  
  86.             $num=$_POST['num'];  
  87.             $p=$_POST['p'];  
  88.             $fruits=new Fruits();  
  89.             //總條數  
  90.             $count=db('sg_fruits')  
  91.                 ->join('sg_type','sg_fruits.t_id = sg_type.t_id')  
  92.                 ->count();  
  93.             $data['page']=$fruits->fen($count,$p,$num);  
  94.             $limit=($p-1)*$num;  
  95.             $data['list']=db('sg_fruits')  
  96.                 ->join('sg_type','sg_fruits.t_id = sg_type.t_id')  
  97.                 ->limit($limit,$num)  
  98.                 ->select();  
  99.             echo json_encode($data);  
  100.         }  

 

[php]  view plain  copy
 
  1. <?php  
  2. namespace app\index\model;  
  3.   
  4. use think\Model;  
  5.   
  6. class Fruits{  
  7.      public function fen($count,$p,$num)  
  8.     {  
  9.         //分頁數據  
  10.         $pageSum=ceil($count/$num);//總頁數  
  11.         $prevPage=$p-1>1?$p-1:1;//上一頁  
  12.         $nextPage=$p+1<$pageSum?$p+1:$pageSum;//下一頁;  
  13.         $str='';  
  14.         $str.='<a href="javascript:page(1)">首頁</a>';  
  15.         $str.='<a href="javascript:page('.$prevPage.')">上一頁</a>';  
  16.         $str.=$p.'/'.$pageSum;  
  17.         $str.='<a href="javascript:page('.$nextPage.')">下一頁</a>';  
  18.         $str.='<a href="javascript:page('.$pageSum.')">末頁</a>';  
  19.         return $str;  
  20.   
  21.     }  
  22. }  
  23.   
  24.   
  25.   
  26. ?>  


</script>javascript

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程