节点表单:24 小时制时间控件、附件可裁剪、保存失败不丢已填内容
1) 时间选择不再出现「上午/下午」 datetime-local 的显示格式由浏览器 UI 语言决定(中文环境渲染成 「下午 03:30」),页面与元素的 lang 都压不住(截图实测)。 拆成「原生 date 控件 + 时下拉(00-23) + 分下拉(00-59)」组合控件 (templates/_datetime.php),24 小时制由控件本身决定,浏览器改不掉。 服务端 read_dt_input() 把三段拼回 Y-m-d H:i:s 并校验,兼容旧单字段。 节点起止时间与成员签到时间一并换掉。 2) 附件可裁剪,不想裁点「确定」就按原图上传 裁剪弹窗抽成 templates/_crop_modal.php 与照片页共用;表单里选完图 自动逐张进入裁剪,整图选框=没裁(保留原文件、不重新编码、省 base64 流量),裁过的走 cropped 通道(隐藏域 JSON,原生表单提交也能带), 没裁的留在 input.files,已裁卡片带角标,可随时重置重来。 3) 节点保存失败不再清空整页 服务端:失败分支 flash_old($_POST),重开的表单按 old()/old_array()/ old_dt() 全字段回填(含勾选删除状态),渲染完即清(layout.php)。 前端:sessionStorage 草稿兜底服务端拿不到 $_POST 的情况 (post_max_size 超限、会话过期),恢复条件收窄到「页面有错误提示条」, 避免陈旧草稿污染新表单。 已验证:本地 php -l 全量 0 错、模板渲染 275 项、表单交互(真实浏览器) 73 项——含真实裁剪一刀、草稿恢复、三段式时间选择;远端 e2e 289 项 0 失败(存储设置测试期间归一为 local,不再写用户真实 OSS 桶,收尾还原); 部署后双 PHP 渲染逐字节一致、59 文件哈希校验一致。
This commit is contained in:
@@ -28,8 +28,12 @@ class MemberController
|
||||
(int)($_POST['user_id'] ?? 0),
|
||||
array_map('intval', $roleTagIds),
|
||||
trim((string)($_POST['emotion'] ?? '')),
|
||||
(string)($_POST['check_in_time'] ?? '')
|
||||
// 「日期 + 24 小时制时/分」组合控件;留空时 read_dt_input 返回 null,语义是「未签到」
|
||||
(string)(read_dt_input('check_in_time') ?? '')
|
||||
);
|
||||
if (!$result['ok']) {
|
||||
flash_old($_POST); // 失败也别让人白填
|
||||
}
|
||||
|
||||
flash('error', $result['ok'] ? '已保存参与人' : $result['error']);
|
||||
redirect('nodes/show', ['id' => $nodeId], 'members');
|
||||
|
||||
@@ -64,6 +64,8 @@ class NodeController
|
||||
|
||||
$input = $this->collectInput($db, $activity, $category);
|
||||
if ($input['error'] !== null) {
|
||||
// 校验失败必须把用户刚填的内容原样带回去,否则一重定向表单就是空的,等于白填
|
||||
flash_old($_POST);
|
||||
flash('error', $input['error']);
|
||||
redirect('nodes/create', ['activity_id' => $activity['id'], 'category' => $category]);
|
||||
}
|
||||
@@ -118,6 +120,7 @@ class NodeController
|
||||
|
||||
$input = $this->collectInput($db, $activity, $category, $node);
|
||||
if ($input['error'] !== null) {
|
||||
flash_old($_POST); // 同 store():失败不能让用户白填
|
||||
flash('error', $input['error']);
|
||||
redirect('nodes/edit', ['id' => (int)$node['id']]);
|
||||
}
|
||||
@@ -378,8 +381,9 @@ class NodeController
|
||||
*/
|
||||
private function collectInput(\PDO $db, array $activity, string $category, ?array $node = null): array
|
||||
{
|
||||
$startTime = $this->normalizeDateTime((string)($_POST['start_time'] ?? ''));
|
||||
$endTime = $this->normalizeDateTime((string)($_POST['end_time'] ?? ''));
|
||||
// 「日期 + 24 小时制时/分」组合控件(read_dt_input 里说明了为什么不用 datetime-local)
|
||||
$startTime = read_dt_input('start_time');
|
||||
$endTime = read_dt_input('end_time');
|
||||
if ($startTime === null || $endTime === null) {
|
||||
return ['error' => '开始和结束时间必填', 'data' => []];
|
||||
}
|
||||
@@ -451,17 +455,6 @@ class NodeController
|
||||
return ['error' => null, 'data' => $data];
|
||||
}
|
||||
|
||||
/** datetime-local 传上来是 2026-09-12T10:30,统一成 MySQL 认的 "Y-m-d H:i:s" */
|
||||
private function normalizeDateTime(string $value): ?string
|
||||
{
|
||||
$value = trim($value);
|
||||
if ($value === '') return null;
|
||||
$value = str_replace('T', ' ', $value);
|
||||
$ts = strtotime($value);
|
||||
if ($ts === false) return null;
|
||||
return date('Y-m-d H:i:s', $ts);
|
||||
}
|
||||
|
||||
private function fetchOwnActivity(int $id): array
|
||||
{
|
||||
if ($id <= 0) {
|
||||
@@ -530,7 +523,8 @@ class NodeController
|
||||
/**
|
||||
* 请求体超限的统一提示。
|
||||
*
|
||||
* 这时 $_POST 已经被 PHP 丢掉了,拿不到 activity_id,只能尽量退回一个合理页面。
|
||||
* 这时 $_POST 已经被 PHP 丢掉了,**无从回填**(服务端拿不到任何字段),
|
||||
* 只能尽量退回一个合理页面;已填内容的恢复靠表单里的 sessionStorage 草稿。
|
||||
*/
|
||||
private function flashTooLarge(): void
|
||||
{
|
||||
|
||||
+107
@@ -88,6 +88,113 @@ function csrf_token(): string
|
||||
return $_SESSION['_csrf'];
|
||||
}
|
||||
|
||||
/**
|
||||
* 把这次提交的原始字段存进 session,供紧接着的那次渲染回填。
|
||||
*
|
||||
* 为什么需要:控制器校验失败时只能 redirect(POST/Redirect/GET),一重定向表单就被重新渲染成
|
||||
* 空的了——用户填了半天的内容全没了。把 $_POST 原样留着,模板用 old() 取回来即可。
|
||||
*
|
||||
* 生命周期是「一次渲染」:layout.php 渲染完正文就 unset(见那里的注释),
|
||||
* 所以它不会跟着用户跑到别的页面,也不会把上一次的残留混进下一次新建。
|
||||
*/
|
||||
function flash_old(array $data): void
|
||||
{
|
||||
$_SESSION['_old'] = $data;
|
||||
}
|
||||
|
||||
/** 回填值:读取上一次提交的同名字段;没有就给 $default。数组字段(如 xxx[])不参与回填 */
|
||||
function old(string $key, ?string $default = null): ?string
|
||||
{
|
||||
$v = $_SESSION['_old'][$key] ?? null;
|
||||
if ($v === null || is_array($v)) {
|
||||
return $default;
|
||||
}
|
||||
return (string)$v;
|
||||
}
|
||||
|
||||
/** 回填「多选」字段(如 delete_attachments[])——用于恢复勾选状态 */
|
||||
function old_array(string $key): array
|
||||
{
|
||||
$v = $_SESSION['_old'][$key] ?? null;
|
||||
if (!is_array($v)) {
|
||||
return [];
|
||||
}
|
||||
return array_map(static fn($x) => (string)$x, $v);
|
||||
}
|
||||
|
||||
/**
|
||||
* 回填「日期 + 时:分」组合控件(见 templates/_datetime.php)。
|
||||
*
|
||||
* 三个子字段要合并回一个 "Y-m-d H:i:s" 才好喂给模板里的拆分逻辑;
|
||||
* 只要日期存在就认为用户在填(时分缺省按 00 补)。
|
||||
*/
|
||||
function old_dt(string $name, ?string $fallback): string
|
||||
{
|
||||
$date = old($name . '_date');
|
||||
if ($date === null || trim($date) === '') {
|
||||
return (string)($fallback ?? '');
|
||||
}
|
||||
$h = old($name . '_hour', '00');
|
||||
$m = old($name . '_minute', '00');
|
||||
return trim($date) . ' ' . str_pad((string)$h, 2, '0', STR_PAD_LEFT)
|
||||
. ':' . str_pad((string)$m, 2, '0', STR_PAD_LEFT) . ':00';
|
||||
}
|
||||
|
||||
/** 把各种写法的时间串统一成 MySQL 认的 "Y-m-d H:i:s";认不出来返回 null */
|
||||
function normalize_dt_string(string $value): ?string
|
||||
{
|
||||
$value = trim($value);
|
||||
if ($value === '') {
|
||||
return null;
|
||||
}
|
||||
// datetime-local 传上来是 2026-09-12T10:30
|
||||
$value = str_replace('T', ' ', $value);
|
||||
$ts = strtotime($value);
|
||||
if ($ts === false) {
|
||||
return null;
|
||||
}
|
||||
return date('Y-m-d H:i:s', $ts);
|
||||
}
|
||||
|
||||
/**
|
||||
* 读取「日期 + 24 小时制时/分」三个控件拼成的时间。
|
||||
*
|
||||
* ⚠️ 为什么不用 <input type="datetime-local">:它的**显示格式由浏览器 UI 语言 /
|
||||
* 系统时间格式决定**,页面和元素的 lang 属性完全无效。实测(chromium 1243):
|
||||
* --lang=zh-CN → 「2026/09/23 下午 03:30」(12 小时制)
|
||||
* --lang=en-GB → 「23/09/2026 15:30」(24 小时制)
|
||||
* 连 <html lang="zh-CN"> + 元素 lang="en-GB" 都压不过它,所以只能换成
|
||||
* 「原生日期选择器 + 时/分两个下拉」,24 小时制是控件本身决定的,不可能被浏览器改掉。
|
||||
*
|
||||
* 兼容旧的单个字段名(值形如 2026-09-23T15:30)——旧书签、接口测试可能还在这么传。
|
||||
*/
|
||||
function read_dt_input(string $name): ?string
|
||||
{
|
||||
$date = trim((string)($_POST[$name . '_date'] ?? ''));
|
||||
$hRaw = trim((string)($_POST[$name . '_hour'] ?? ''));
|
||||
$mRaw = trim((string)($_POST[$name . '_minute'] ?? ''));
|
||||
|
||||
if ($date === '' && $hRaw === '' && $mRaw === '') {
|
||||
return normalize_dt_string((string)($_POST[$name] ?? ''));
|
||||
}
|
||||
if ($date === '') {
|
||||
return null; // 只选了时分、没选日期 → 视为没填
|
||||
}
|
||||
if (!preg_match('/^(\d{4})-(\d{2})-(\d{2})$/', $date, $mt)) {
|
||||
return null;
|
||||
}
|
||||
if (!checkdate((int)$mt[2], (int)$mt[3], (int)$mt[1])) {
|
||||
return null;
|
||||
}
|
||||
|
||||
$h = $hRaw === '' ? 0 : (int)$hRaw;
|
||||
$m = $mRaw === '' ? 0 : (int)$mRaw;
|
||||
if ($h < 0 || $h > 23 || $m < 0 || $m > 59) {
|
||||
return null;
|
||||
}
|
||||
return sprintf('%s %02d:%02d:00', $date, $h, $m);
|
||||
}
|
||||
|
||||
/**
|
||||
* 校验 CSRF。两个通道都收:
|
||||
* 表单 → 隐藏字段 _csrf
|
||||
|
||||
Reference in New Issue
Block a user