防CC攻击设置 - 网站安全防护

<div class="layui-card">
  <div class="layui-card-header">防CC攻击设置</div>
  <div class="layui-card-body">
    <form class="layui-form" action="?c=anticc&a=anticcAdd" method="post">
      <div class="layui-form-item">
        <label class="layui-form-label">防CC开关</label>
        <div class="layui-input-block">
          <input type="checkbox" name="anticc_switch" lay-skin="switch" lay-text="开启|关闭" {{if $at==0}} checked="checked" {{/if}}> 
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">触发频率</label>
        <div class="layui-input-block">
          <select name="frequency" id="frequency" data-request="{{$cc.request}}" data-second="{{$cc.second}}">
            <option value="">--未设置频率--</option>
            <option value="0,0">首次请求验证</option>
            <option value="20,10">10秒20次请求-高级</option>
            <option value="50,10">10秒50次请求-中级</option>
            <option value="100,10">10秒100次请求-推荐</option>
            <option value="diy">自定义</option>
          </select>
        </div>
      </div>
      <div class="layui-form-item" id="request_form" style="display: none;">
        <label class="layui-form-label">请求次数</label>
        <div class="layui-input-block">
          <input type="text" name="request" id="request" placeholder="请输入请求次数" value="{{$cc.request}}" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item" id="second_form" style="display: none;">
        <label class="layui-form-label">单位时间</label>
        <div class="layui-input-block">
          <input type="text" name="second" id="second" placeholder="请输入单位时间" value="{{$cc.second}}" class="layui-input"> 秒
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">防护模式</label>
        <div class="layui-input-block">
          <select name="mode" id="mode" data-mode="{{$cc.mode}}">
            {{foreach from=$modes key=key item=row}}<option value="{{$key}}">{{$row}}</option>{{/foreach}}
          </select>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">白名单IP</label>
        <div class="layui-input-block">
          <textarea name="whiteip" id="whiteip" placeholder="没有请留空" class="layui-textarea">{{$whiteip}}</textarea>
          <br>
          <font color="red">防CC白名单，IP格式: 一行一个 支持IP段: 127.0.0.0/24 或 127.0.0.1-127.0.0.255</font>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">白名单URL</label>
        <div class="layui-input-block">
          <textarea name="whiteurl" id="whiteurl" placeholder="没有请留空" class="layui-textarea">{{$whiteurl}}</textarea>
          <br>
          <font color="red">一行一个URL，可填写URL中的一部分，支持正则</font>
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button type="button" class="layui-btn" lay-submit lay-filter="formDemo">保存设置</button>
          {{if $cc!=null}} ;&nbsp;<button type="button" class="layui-btn layui-btn-primary" onclick="anticc_del();">删除设置</button>{{/if}}
        </div>
      </div>
    </form>
  </div>
</div>
<script>
  layui.use(['form'], function(){
    var form = layui.form;

    form.on('submit(formDemo)', function(data){
      // 弹出loading
      layer.load();
      // 提交到后台
      $.post('?c=anticc&a=anticcAdd', data.field, function(res){
        layer.closeAll('loading'); //关闭loading
        if (res.code == 0) {
          layer.msg(res.msg, {icon: 1});
        } else {
          layer.msg(res.msg, {icon: 2});
        }
      });
      return false;
    });

    // 监听频率选择
    $('#frequency').change(function(){
      var frequency = $(this).val();
      if (frequency == 'diy') {
        $('#request_form').show();
        $('#second_form').show();
      } else {
        $('#request_form').hide();
        $('#second_form').hide();
      }
    });

    // 初始化频率选择
    var frequency = $('#frequency').val();
    if (frequency == 'diy') {
      $('#request_form').show();
      $('#second_form').show();
    }
  });
</script>