Files
pear-admin-flask/plugins/cookieManager/templates/system/cookie_site/add.html
T
bwstudio 6f4af8664e feat(cookieManager): 登录用户去掉Cookie值/域名,登录网站增加关联用户下拉
登录用户:
- 模型删除 cookie_value / domain 两列(连同 to_dict)
- 列表表头、新增/编辑表单移除对应控件;保存/更新不再校验 Cookie 值
  (改为只校验 用户名 + 网站URL)

登录网站:
- CookieSite 新增 cookie_user_id(关联 admin_cookie_user.id,可空)
- 列表新增「关联用户」列,未关联显示灰色「未关联」标签;查询栏支持按用户筛选
- 新增/编辑页用 layui 下拉框选择登录用户(lay-search 可搜索,显示
  “昵称(用户名)· 网站名”),编辑时自动回显已关联项
- Schema 增加 cookie_username 输出字段,视图一次性查用户表做映射,避免逐行查库

迁移 e5f6a7b8c9d0:
- admin_cookie_user 删 cookie_value、domain(SQLite 用 batch 重建表)
- admin_cookie_site 加 cookie_user_id
- 每步先判断列是否存在,可重复执行;downgrade 可还原

注意:升级会丢弃 admin_cookie_user.cookie_value / domain 的历史数据。

已 Playwright 真机验证(本机 :5000):
列表无 Cookie值/域名列、新增页无对应控件、保存成功;
网站新增选中用户后落库 cookie_user_id=1、列表显示“验证用户”、编辑页正确回显。
2026-09-10 20:19:25 +08:00

149 lines
5.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新增登录网站</title>
{% include 'system/common/header.html' %}
</head>
<body>
<form class="layui-form" lay-filter="cookie-site-form" style="padding: 20px 30px 0 0;">
<div class="layui-form-item">
<label class="layui-form-label">关联用户</label>
<div class="layui-input-block">
<select name="cookie_user_id" lay-search>
<option value="">请选择登录用户</option>
{% for u in users %}
<option value="{{ u.id }}">{{ u.label }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">网站名称</label>
<div class="layui-input-block">
<input type="text" name="name" required lay-verify="required" placeholder="网站显示名称"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">网站URL</label>
<div class="layui-input-block">
<input type="text" name="url" required lay-verify="required|siteurl" placeholder="https://example.com 或 example.com"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">Cookie值</label>
<div class="layui-input-block">
<textarea name="cookie_value" required lay-verify="required"
style="width:100%;height:100px;resize:none;" class="layui-textarea" placeholder="Cookie内容"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">域名</label>
<div class="layui-input-block">
<input type="text" name="domain" placeholder="例如:.example.com(可留空)"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">路径</label>
<div class="layui-input-block">
<input type="text" name="path" value="/" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">过期时间</label>
<div class="layui-input-block">
<input type="text" name="expiry" placeholder="YYYY-MM-DD HH:MM:SS(可留空)"
autocomplete="off" class="layui-input" id="expiry-picker">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">Secure</label>
<div class="layui-input-block">
<input type="radio" name="secure" value="1" title="是">
<input type="radio" name="secure" value="0" title="否" checked>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">HTTPOnly</label>
<div class="layui-input-block">
<input type="radio" name="http_only" value="1" title="是" checked>
<input type="radio" name="http_only" value="0" title="否">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<input type="radio" name="enable" value="1" title="启用" checked>
<input type="radio" name="enable" value="0" title="禁用">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="button" class="layui-btn" lay-submit lay-filter="cookie-site-form-submit">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
{% include 'system/common/footer.html' %}
<script>
layui.use(['form', 'layer', 'laydate'], function(){
var form = layui.form;
var layer = layui.layer;
var laydate = layui.laydate;
var $ = layui.$;
laydate.render({ elem: '#expiry-picker', trigger: 'click' });
// 放宽网址校验:允许省略 http(s):// 协议头,后端会自动补齐
form.verify({
siteurl: function (value) {
if (!value) return;
var ok = /^(https?|ftp):\/\/[^\s]+$/i.test(value)
|| /^[\w-]+(\.[\w-]+)+(:\d+)?([/?#][^\s]*)?$/i.test(value);
if (!ok) return '网址格式不正确,例如 https://example.com 或 example.com';
}
});
form.render();
form.on('submit(cookie-site-form-submit)', function(){
var data = form.val('cookie-site-form');
var submitBtn = $('button[lay-filter="cookie-site-form-submit"]');
submitBtn.prop('disabled', true).addClass('layui-btn-disabled');
$.ajax({
url: '/system/cookie-site/save',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify({
cookie_user_id: data.cookie_user_id,
name: data.name,
url: data.url,
cookie_value: data.cookie_value,
domain: data.domain,
path: data.path,
expiry: data.expiry,
secure: data.secure,
http_only: data.http_only,
enable: data.enable
}),
success: function(res){
layer.msg(res.msg || (res.code === 0 ? '保存成功' : '保存失败'));
if (res.code === 0 || res.success) {
setTimeout(function(){ parent.layer.close(parent.layer.getFrameIndex(window.name)); }, 600);
}
},
error: function(){ layer.msg('请求失败'); },
complete: function(){
submitBtn.prop('disabled', false).removeClass('layui-btn-disabled');
}
});
return false;
});
});
</script>
</body>
</html>