登录居中 · 个人 slogan · 三种生日 · 称呼视角化 · 附件统一走代理

按九点反馈一次性改造:

1. 登录页「图标 + 用手机号登录你的家书」包进 .auth-head 并真正居中
   (以前只加了个 class 名,没有样式,看着像做了其实没做)。

2. slogan 改成两段式:系统级 slogan 作兜底,每个人可在自己的资料里写一个,
   填了就显示自己的、留空就回落到系统那句。settings 里「家庭名称」字段去掉
   (只在安装时归档,不参与展示)。

3. 三个生日:身份证生日(从证件号截取,永不改动)/真实阳历/农历。
   同一人填了其一即自动推出另一个(靠 birthday_source 指明填的是哪一侧,
   不依赖 JS)。三者落在同一天时合并成一条提醒,否则分别提醒。
   农历表不是照抄流传的那份 lunarInfo(它在 5 个年份上是错的)——
   用五个独立实现按 7.3 万天多数表决重新推导,再要求 100% 重现。

4. 称呼改成「视角属性」:nicknames(family_id, viewer_id, target_id, nickname)。
   「小明」不是某个人的属性——同一个人被不同人叫法不同,所以是「谁看」的属性。
   旧的 persons.nickname 由 Nickname::migrateLegacy() 搬到新表,只搬一次。

5. 点自己的头像/名字直接进「我的资料」,不必再绕
   「名册 → 找到自己 → 编辑资料」三步。

6. 附件(头像与其它上传)一律走 media.php 代理,不再直连 uploads/ 或云端地址:
   可读性由登录态决定而不是「知道文件名」,Content-Type/缓存/下载头由服务端统一给。
   uploads/ 整个目录 deny(含历史遗留备份文件),并有真实探针验证。

7. OSS 设置页加「连通性测试」(本地 / 云端两个按钮),逐步给出结论与耗时。

8. 生日输入改用「原生日期框 + 24 小时制时:分:秒 三个下拉」:
   datetime-local 的格式由浏览器 UI 语言决定(中文环境渲染成「下午 03:30」,
   没有秒、还容易把上下午填反)。点输入框任意一处都能弹出选择器(showPicker)。

9. 结构版本号收敛成 Schema::VERSION 一处,安装时即盖章,避免首次请求白跑升级。

验证(全部为「先注入 bug 证伪、再跑通过」):
  php -l 42 个文件;e2e 149 条;老库升级专测 37 条;反向验证 23 个注入全被抓;
  桌面几何 108 条(768/1280/1920/2560);移动端真机几何 212 条(360/375/390/414);
  交互检查 49 条(生日整框可点、登录居中)。
This commit is contained in:
2026-09-30 09:44:55 +08:00
parent 1669ab48d0
commit 7e9b4520c0
26 changed files with 2561 additions and 204 deletions
+101 -17
View File
@@ -1,15 +1,29 @@
<?php
/**
* 设置(仅管理员)。
*
* 与早期版本的两处不同,都是被明确要求改的:
* ① **「家庭名称」撤了**。首页标题已经是「某某某的家书」,一个家庭级名字
* 既没人看、又容易和它打架;后端 settings/update 也不再接收这个字段,
* 免得"某次提交把名字清空"。库里那一列留着不动(历史数据无害)。
* ② **slogan 变成"系统级默认"**。真正的 slogan 是每个人自己写的那句
* (在「我的资料」里),这里是**没人写自己的时候拿出来的兜底**。
* 另加:阿里云 OSS 的**连通性测试**——逐步摊开结论,
* 让"连不上"有具体原因,而不是一句"写入失败"。
*/
?>
<form method="post" action="<?= e(url('settings/update')) ?>" class="card card-pad">
<?= csrf_field() ?>
<h2 class="section-title">家庭</h2>
<h2 class="section-title">家庭 <span class="hint">首页上那一行小字</span></h2>
<div class="form-grid">
<div class="field full">
<label for="name">家庭名称</label>
<input class="input" id="name" name="name" value="<?= e($family['name']) ?>" required>
</div>
<div class="field full">
<label for="motto">一句话</label>
<label for="motto">系统 slogan</label>
<input class="input" id="motto" name="motto" value="<?= e($family['motto'] ?? '') ?>"
placeholder="展示在首页的一行小字">
placeholder="例如:一本用岁月写成的家谱">
<span class="tip">
每个人都可以在「我的资料」里写**自己的一句**,有的话就显示他自己的;
<b>没写的人才用这里的这句</b>。所以这是一句"兜底",不是全家的统一口号。
</span>
</div>
</div>
<div class="btn-row">
@@ -28,6 +42,9 @@
<p class="small muted" style="margin:0 0 16px">
数据库里只存「相对路径」,所以随时可以在本地与云端之间切换 ——
已上传的文件会按「本地优先」的顺序去找,切换后老文件照样能打开,出问题也能随时切回来。
<br>
<b>不管选哪个,页面上的图片与附件都统一走 <code>media.php</code> 代理</b>:
桶不必开公共读、<code>uploads/</code> 也可以封死,能不能看由登录态决定。
</p>
<div class="field" style="margin-bottom:16px">
@@ -39,14 +56,14 @@
</label>
<label class="radio-item">
<input type="radio" name="driver" value="oss" <?= $storageDriver === 'oss' ? 'checked' : '' ?>>
<span><b>阿里云 OSS</b><br><span class="muted small">文件独立存放,换服务器不丢;也可以挂 CDN 加速。</span></span>
<span><b>阿里云 OSS</b><br><span class="muted small">文件独立存放,换服务器不丢。</span></span>
</label>
</div>
</div>
<?php if ($storageDriver === 'oss' && !$storageOk): ?>
<div class="flash"><div class="flash-item err">
云端配置还不完整,系统现在**临时用本地存储**在跑 —— 填全下面的信息再保存。
云端配置还不完整,系统现在<b>临时用本地存储</b>在跑 —— 填全下面的信息再保存。
</div></div>
<?php elseif ($storageDriver === 'oss'): ?>
<div class="flash"><div class="flash-item">
@@ -122,13 +139,76 @@
</div>
</form>
<form method="post" action="<?= e(url('settings/test_storage')) ?>" style="margin-top:12px">
<?= csrf_field() ?>
<button class="btn btn-ghost" type="submit">测试存储是否可用</button>
<span class="small muted" style="margin-left:10px">
会真的写一个临时文件、读回来、再删掉 —— 比只连一下可靠。
</span>
</form>
<!-- ==================== 两种测试 ==================== -->
<div class="card card-pad" style="margin-top:16px">
<h2 class="section-title">
连通性测试
<span class="hint">两种测试的分工不一样</span>
</h2>
<p class="small muted" style="margin:0 0 14px">
「当前存储」测的是<b>现在生效的那一个</b>(可能是本地),只回答"能不能存东西";
「OSS 连通性」测的是<b>下面填的那套 OSS 参数本身</b> —— 即使现在跑在本地也能测,
这样就可以<b>先把 OSS 测通、再切过去</b>,而不是"先切、发现不行、再切回来"。
</p>
<div class="test-actions">
<form method="post" action="<?= e(url('settings/test_storage')) ?>">
<?= csrf_field() ?>
<button class="btn btn-ghost" type="submit">测试当前存储</button>
<span class="small muted">写一个临时文件 → 读回来 → 删掉</span>
</form>
<form method="post" action="<?= e(url('settings/test_oss')) ?>">
<?= csrf_field() ?>
<button class="btn btn-ghost" type="submit">测试 OSS 连通性</button>
<span class="small muted">逐步:配置 → 凭据 → 地域 → 公网 → 内网 → 读写</span>
</form>
</div>
<?php if (!empty($ossDiag['steps'])): ?>
<?php
$dSteps = (array)$ossDiag['steps'];
$dOk = 0;
foreach ($dSteps as $s) {
if (!empty($s['ok'])) {
$dOk++;
}
}
$dAll = $dOk === count($dSteps);
?>
<div class="oss-diag <?= $dAll ? 'is-ok' : 'is-bad' ?>">
<div class="oss-diag-head">
<b><?= $dAll ? '全部通过' : '有问题' ?></b>
<span>共 <?= count($dSteps) ?> 步,通过 <?= $dOk ?> 步</span>
<?php if (!empty($ossDiag['at'])): ?>
<span class="muted small">· <?= e(date('Y-m-d H:i:s', (int)$ossDiag['at'])) ?></span>
<?php endif; ?>
</div>
<table class="oss-diag-table">
<thead>
<tr><th>步骤</th><th>结论</th><th>耗时</th><th>详情</th></tr>
</thead>
<tbody>
<?php foreach ($dSteps as $s): ?>
<tr class="<?= !empty($s['ok']) ? 'row-ok' : 'row-bad' ?>">
<td><?= !empty($s['ok']) ? '✓' : '✕' ?> <?= e((string)($s['name'] ?? '')) ?></td>
<td><?= !empty($s['ok']) ? '通过' : '失败' ?></td>
<td class="mono"><?= (int)($s['ms'] ?? 0) ?> ms</td>
<td><?= nl2br(e((string)($s['detail'] ?? ''))) ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<p class="small muted" style="margin:12px 0 0">
探针对象用后即删,不会在桶里留垃圾;跑完这一遍之后再切驱动最稳妥。
</p>
</div>
<?php else: ?>
<p class="small muted" style="margin:14px 0 0">
还没测过。建议<b>先在下面填好 OSS 参数并保存,再点「测试 OSS 连通性」</b>,
通过之后再回到上面把「存在哪里」切到阿里云 OSS。
</p>
<?php endif; ?>
</div>
<!-- ==================== 运行环境 ==================== -->
<div class="card card-pad" style="margin-top:20px">
@@ -145,6 +225,10 @@
<?php endif; ?>
</dd>
</div>
<div class="kv-row">
<dt>附件出口</dt>
<dd>统一走 media.php 代理 <span class="muted small">(本地与云端同一形态,需登录才能读)</span></dd>
</div>
<div class="kv-row">
<dt>亲属连线</dt>
<dd><?= (int)$relCount ?> 条</dd>
@@ -165,4 +249,4 @@
<p class="small muted" style="margin:10px 0 0">
访客账号在「<a href="<?= e(url('accounts/invite')) ?>">邀请访客</a>」里开通。
</p>
</div>
</div>