2020-06-26 TP5.1+layui(x-admin)批量删除信息

网上查了好几个，终于试出1个可以用的，基本上都是后台可以接收到多个id，但是数据库删除这步就无法删除。

1、效果

（目前是直接删除，下一步准备更新为软删除->删除到回收站，然后回收站再去清空，这样比较安全）

左侧勾选要删除的项目.png

删除提示.png

2、模板

html部分

 

                            
                                批量删除
                            
                                添加
                        

                            
                                {volist name="datas" id="vo"}
                                    
                                {/volist}
                                

                                

                                    

                                        

                                            
                                        
                                        
ID
                                        
所属项目
                                        
姓名/中介
                                        
电话
                                        
状态
                                        
跟进记录
                                        
添加人
                                        
创建日期
                                        
最后跟进
                                        
操作
                                
                                

                                        

                                            
                                        
{$vo.id}
                                        
{:GetSortTitle($vo.sort)}
                                        
{$vo.name}
                                        
{$vo.phone}
                                        
{if $vo.status==1}咨询{/if}
                                            {if $vo.status==2}约看{/if}    
                                            {if $vo.status==3}已带看{/if} 
                                            {if $vo.status==4}跟进中{/if} 
                                            {if $vo.status==5}复看{/if} 
                                            {if $vo.status==6}无效咨询{/if} 
                                            {if $vo.status==7}无效客户{/if} 
                                            {if $vo.status==8}签别处{/if} 
                                            {if $vo.status==9}已签约{/if} 
                                            {if $vo.status==10}战败{/if} 
                                        
                                        
{$vo.content}

                                        
                                        
{$vo.createuser}
                                        
{$vo.createtime|date="Y-m-d H:i"}
                                        
{$vo.updatetime|date="Y-m-d"}
                                        

                                            跟进
                                            
                                            
                                            
                                                
                                            
                                            
                                                
                                            
                                        
                                    
                            
                        

js部分

3、后台方法

（1）引入db类

use think\Db;

（2）方法

 public function delAll()
        {
          $data = $_POST['checkID'];
          $DB = new Db;
          $res=$DB::table("customer")->delete($data);
          if($res){
            return['res'=>1,'msg'=>'删除客户成功！'];
          }
        }

4、模板中重要的几点

（1）单选框属性值要插入id值，name class属性均要填写，后面jq部分要使用

（2）按钮点击事件
批量删除
（3）jquery如何把选中的id提交到后台

$("input[name='ids']:checked").each(function(i){
                      checkID[i] = $(this).val();
                });

（4）删除后不刷新页面显示删除效果，操作DOM元素

$ids.each(function(i){
                      $(this).parents("tr").remove();
                      // console.log($(this).parents("tr"));
                });

（5）tp5.1批量删除的语法,data是一个数组。
$res=$DB::table("goods")->delete($data);

5、Layui操作成功后返回父级并且刷新

window.parent.location.reload();