Layui+SSM批量删除

今天药忘吃喽~ 2022-12-02 00:49 209阅读 0赞

最近用layui做后台练习，要用到批量删除功能，是基于SSM框架的，批量删除用在于当用户想删掉多条数据的时候，可以把要删的数据先打钩，然后再一键删除，我这里是真删除，不是修改状态而已，如果不想真删除的话就改成修改状态吧，原理差不多。

如图

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0NDU5NA_size_16_color_FFFFFF_t_70][]

首先是sql语句

<delete id="deleteList" parameterType="java.lang.String">
      	delete from cars where cars_id in 
      	<foreach item="ids" collection="array" index="no" open="(" separator="," close=")">
      		#{ids,jdbcType=VARCHAR}
      	</foreach>
      </delete>

Mapper

/**
    	 * 批量删除
    	 */
    	void deleteList(Integer[] ids);

Impl

@Override
    	public void deleteList(Integer[] ids) {
    		// TODO Auto-generated method stub
    		carDao.deleteList(ids);
    	}

控制器

/**
    	 * 批量删除
    	 */
    	@ResponseBody 
    	@RequestMapping("/delIds")
    	  public String deleteByIds(Integer[] ids,HttpServletResponse response) { 
    		 JSONObject jsonObject=new JSONObject();
    		  //JsonReturn jsonReturn = new JsonReturn();
    		  //判断取到的数组id是否为空
    		 if(ids==null) {
    			 jsonObject.put("msg", "删除失败");
    		 }
    		 else {
    			 iCarService.deleteList(ids);
    			 jsonObject.put("msg", "删除成功");
    		 }
    		 //OutUtil.print(jsonObject,response);
    		return gson.toJson("删除成功");  
    	  }

Jsp的js代码

$("#datadel").on('click',function(){
    	 //获取选中状态
    	 var checkStatus = table.checkStatus('relTable');
    	 //获取选中数量
    	 var selectCount = checkStatus.data.length;
    	 if(selectCount== 0){
    		 layer.msg('至少选一个吧',function(){});
    		 return false;
    	 }
    	 layer.confirm('真的要删除选中的项吗？',function(index){
    		 layer.close(index);
    		 index=layer.load(1,{shade:[0.1,'#fff']});
    		 
    		 var isStr="";
    		 for(var i=0;i<selectCount;i++){
    			 isStr=isStr+","+checkStatus.data[i].carsId;
    		 }
    		 $.ajax({
    			 type:'post',
    			 data:{"ids":isStr},
    			 url:'${ctx}/cars/delIds.do',
    			 success:function(data){
    				 if(data.code==0){
    					 $('#reload').click();
    				 }
    				 layer.close(index);
    				 layer.msg('删除成功！');
    				 table.reload('relTable',{});
    			 },erro:function(code){
    				 layer.msg('操作失败！');
    			 }
    		 })
    	 })
     });

效果图

![20200828160245953.png][]

刚开始做的时候会出现很多bug，比如删除的时候没反应，传值没传过去，后来发现是写少了代码，或者显示删除成功了，但是表格没反应，就去数据库看到底有没有删除掉，数据库是删了的话，那就是表格刷新的问题了，有问题不能慌，一点一点去分析，把大问题拆分成小问题，最后还是可以解决的。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0NDU5NA_size_16_color_FFFFFF_t_70]: /images/20221123/58571df6a40f4d7798ed9c8edd8bf675.png
[20200828160245953.png]: /images/20221123/f3bc5edb1dd8415a9858c3fc704d7f0d.png