4a1d949e41
完整 Web 管理平台,涵盖: P0 生产加固: - 会话超时(空闲+绝对) + CSRF 防护 + 登录失败限流 - HTTPS/TLS 证书管理(自签生成/上传/删除/过期提醒) - SSL Bump (HTTPS 透明代理) 可视化配置 - 配置文件 diff 预览 + 二次确认才写入 - 服务控制二次确认 + 操作期间按钮锁定 P1 运维能力: - 日志轮转管理(logrotate) + 日志状态监控 - 告警规则(5xx/命中率/磁盘/客户端流量) - 多 Squid 实例管理 + 一键切换 - squidclient mgr 实时性能指标 - 流量异常检测(突增/大文件/高频小包/新客户端) P2 日志分析增强: - 日志持久化到 SQLite + 历史时间范围查询 - 导出 CSV/JSON(日志/KPI/异常/审计) - GeoIP 地图(Leaflet + ip-api.com 离线可选 GeoLite2) - 每客户端 24h 趋势图 - 自定义 Squid logformat 解析器 P3 体验锦上添花: - 暗/亮主题切换(cookie 持久化) - WebSSH 终端(xterm.js + paramiko) - 完整审计日志 + 用户管理 技术栈: Flask 3.0 + SQLAlchemy 2.0 + SQLite + Chart.js + Leaflet 总代码量: ~16500 行 (15 Python 模块 + 34 模板 + CSS) 路由数: 73
108 lines
4.7 KiB
HTML
108 lines
4.7 KiB
HTML
{% extends "base.html" %}
|
||
{% block title %}刷新规则 - Squid Manager{% endblock %}
|
||
{% block content %}
|
||
<div class="page-header">
|
||
<h1>♻️ Refresh Pattern 刷新规则</h1>
|
||
<div class="page-actions">
|
||
<button onclick="document.getElementById('add-form').style.display='block'" class="btn btn-primary btn-small">➕ 添加规则</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card" id="add-form" style="display:none;">
|
||
<h3 class="card-title">添加 refresh_pattern</h3>
|
||
<form method="post">
|
||
<input type="hidden" name="_csrf" value="{{ csrf_token() }}">
|
||
<input type="hidden" name="action" value="add">
|
||
<div class="filter-grid">
|
||
<div class="form-group">
|
||
<label>正则</label>
|
||
<input type="text" name="regex" class="form-input" required value="." >
|
||
</div>
|
||
<div class="form-group">
|
||
<label>忽略大小写 (-i)</label>
|
||
<select name="case_insensitive" class="form-input">
|
||
<option value="off">off</option>
|
||
<option value="on">on</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>min (分钟)</label>
|
||
<input type="number" name="min_minutes" class="form-input" value="0">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>percent (%)</label>
|
||
<input type="number" name="percent" class="form-input" value="20">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>max (分钟)</label>
|
||
<input type="number" name="max_minutes" class="form-input" value="4320">
|
||
</div>
|
||
</div>
|
||
<div class="form-actions">
|
||
<button type="submit" class="btn btn-primary">添加</button>
|
||
<button type="button" onclick="document.getElementById('add-form').style.display='none'" class="btn btn-secondary">取消</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<form method="post">
|
||
<input type="hidden" name="_csrf" value="{{ csrf_token() }}">
|
||
<input type="hidden" name="action" value="save">
|
||
<p class="card-desc">refresh_pattern regex min percent max - 控制对象过期判断</p>
|
||
<div class="table-scroll">
|
||
<table class="data-table">
|
||
<thead>
|
||
<tr>
|
||
<th>#</th>
|
||
<th>-i</th>
|
||
<th>正则</th>
|
||
<th>min (分钟)</th>
|
||
<th>percent</th>
|
||
<th>max (分钟)</th>
|
||
<th>删除</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for rp in patterns %}
|
||
<tr>
|
||
<td>{{ loop.index }}
|
||
<input type="hidden" name="id[]" value="{{ loop.index }}">
|
||
<input type="hidden" name="case_insensitive_marker[]" value="{{ loop.index0 }}">
|
||
</td>
|
||
<td>
|
||
<input type="checkbox" name="case_insensitive[]" value="{{ loop.index0 }}" {% if rp.case_insensitive %}checked{% endif %}>
|
||
</td>
|
||
<td><input type="text" name="regex[]" value="{{ rp.regex }}" class="form-input"></td>
|
||
<td><input type="number" name="min_minutes[]" value="{{ rp.min_minutes }}" class="form-input"></td>
|
||
<td><input type="number" name="percent[]" value="{{ rp.percent }}" class="form-input"></td>
|
||
<td><input type="number" name="max_minutes[]" value="{{ rp.max_minutes }}" class="form-input"></td>
|
||
<td><button type="button" class="btn btn-danger btn-tiny" onclick="this.closest('tr').remove()">删除</button></td>
|
||
</tr>
|
||
{% endfor %}
|
||
{% if not patterns %}
|
||
<tr><td colspan="7" class="empty-row">暂无刷新规则</td></tr>
|
||
{% endif %}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
{% if patterns %}
|
||
<div class="form-actions">
|
||
<button type="submit" class="btn btn-primary">💾 保存</button>
|
||
</div>
|
||
{% endif %}
|
||
</form>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h3 class="card-title">📖 参数说明</h3>
|
||
<ul>
|
||
<li><strong>regex</strong>: 匹配 URL 的正则表达式</li>
|
||
<li><strong>min</strong>: 最少缓存时间 (分钟)。即使 origin 返回更新也至少缓存这么久</li>
|
||
<li><strong>percent</strong>: 对象年龄百分比。如果 (当前时间 - 修改时间) × percent% > 已缓存时间,则视为过期</li>
|
||
<li><strong>max</strong>: 最大缓存时间 (分钟)。无论 origin 怎么说,超过此时间视为过期</li>
|
||
<li><strong>-i</strong>: 忽略大小写</li>
|
||
</ul>
|
||
</div>
|
||
{% endblock %}
|