目录
通过前端页面输入多个IP地址列表，实现批量IP地址封禁操作。格式可以是单个IP地址，CIDR地址段和IP地址范围，例如：
主机IP：112.111.1.1
子网端：112.111.1.0/24
范围：112.111.1.1-112.111.1.100
执行一键封禁时，将对输入的IP地址格式进行检查和格式化，不符合规范的IP地址将通过提示返回，前段修正输入的IP地址列表后重新提交。
一、创建一键封禁菜单
通过PearAdmin的【系统管理】-【权限管理】在护网工具目录下创建【一键封禁】菜单，并设置权限标识和路径信息。
二、前端页面设计
2.1 前端页面布局
前端页面整体展现效果，上半部份为输入需要封建的IP地址列表，后半部分为封禁过程产生的日志信息。
2.2 前端代码
在PearAdmin项目的【templates】-【system】-【huwang】目录下新建文件block.html。
<!DOCTYPE html>
<html>
<head>
<title>一键封禁</title>
{% include 'system/common/header.html' %}
</head>
</head>
<body>
<div class="layui-fluid">
<div class="layui-card">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;"><legend>IP地址封禁</legend></fieldset>
<div class="layui-card-body">
<form class="layui-form layui-form-pane" action="">
<div class="layui-form-item layui-form-text">
<div class="layui-input-block">
<textarea name="iplist" required lay-verify="required" placeholder="示例: 192.168.1.1 192.168.10.0/24 192.168.2.1-192.168.2.10 " class="layui-textarea" style="height: 200px;"></textarea>
</div>
</div>
<br>
<div class="layui-form-item layui-form-pane">
<div class="layui-input-block" style="margin-inline-start: 0%;">
<button class="layui-btn layui-btn-md" lay-submit lay-filter="block" >提交</button>
<button class="layui-btn layui-btn-md" type="reset" >重置</button>
</div>
</div>
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
