关于RUOYI批量复选BOX添加的前后端写法

控制器写法：
循环添加并且在循环中记录总数，成功数，重复数，错误数，将信息拼装成String字符串返还给客户端显示

/**
* 新增幼儿园比赛
*/
@RequiresPermissions("activity:kin:add")
@Log(title = "新增幼儿园比赛", businessType = BusinessType.INSERT)
@PostMapping("/add")
@ResponseBody
public AjaxResult addSave(ActivityKin activityKin,@Param("kinderIdList") String[] kinderIdList)
{
Integer count = 0;
Integer secNum = 0;
Integer errNum = 0;
Integer sameNum = 0;
if(kinderIdList != null){
// 同步获取幼儿园名称，封装其中方便查询
for (String id:kinderIdList) {
Long kinderId = Long.parseLong(id);
count += 1;
activityKin.setKindergartenId(kinderId);

            // 判断是否已经添加了
            List activityKins = activityKinService.selectActivityKinList(activityKin);
            if(activityKins.size()>0){
                sameNum += 1;
                continue;
            }

            int i = activityKinService.insertActivityKin(activityKin);
            if( i == 1) secNum += 1;
            if( i != 1) errNum += 1;
        }
    }

    return AjaxResult.success("共添加"+count+"条记录，成功"+secNum+"条，失败"+errNum+"条！"+"自动过滤掉"+sameNum+"条重复数据");
}

前端代码：
需要写一个DIV图层，将后台的幼儿园集合接过来循环遍历出DIV盒子，并且加上样式，让他们整齐一些，注意name要和后台控制器的param的名字一致

        幼儿园：