一、效果(浏览器实测,真存储、真接口)
手机竖拍 3200×2400 + EXIF Orientation=6,3699KB
→ 1200×1600(竖的,转正正确)· 438KB · q88 · 73ms
服务端**原样收下**:collect_file 里 raw_size=448940、final_size=448940、
quality=0(NOT_REENCODED)—— 字节完全相同,没有二次编码。
二、🐛 bug 一:浏览器对 EXIF 的处理**不一致**,猜必错一半
写完前端旋正后实测,输出是 1600×1200(横的)—— 又躺倒了。量出来:
文件里的像素 3200×2400(横)+ Orientation=6
img.naturalWidth/Height 2400×3200 ← 浏览器**已经自己按 EXIF 转正了**
createImageBitmap('none') 2400×3200 ← 连明确要求不给转也被忽略
现代浏览器会把 EXIF 先转正再交给 drawImage,我又转一次 → 转两下 = 又躺倒;
而老实现(旧 X5 / 旧 WKWebView)给的是原始像素,不转就是躺倒。
两端行为相反,**任何写死的做法都必错一半**。
解法:不猜,量出来再决定 —— 自己从 JPEG 的 SOF 段读**文件里的原始像素**
(readJpegSize,与 EXIF 无关),再和 naturalWidth/Height 比:
· 与原始尺寸互换 → 浏览器已经转过 → 不要再转
· 两者相同 → 给的是原始像素 → 我们自己转
· 都对不上 → 按现代浏览器的默认(已转正)处理
这和第 §一·二十 的 EXIF bug 是同一件事的两面:
后端不转是躺倒,前端多转一次也是躺倒。
三、🐛 bug 二:按后缀判格式 → 前端压缩一上线,学生就传不了材料
上传被拒:「身份证」只接受 jpg/jpeg/png,你传的是 .bin。
H5 用 **blob 地址**调 uni.uploadFile,multipart 里的文件名是一串 UUID、
**没有后缀**,而后端当时按 extOf(name) 判白名单 → 判成 .bin → 拒。
这不是脚手架的问题:前端压缩产出的就是 blob 地址,一上线所有压缩过的照片
都会被拒。两处一起修:
· 后端改为按**字节幻数**判格式(sniffExt),幻数认不出再退回看后缀
(顺带变强:PNG 改名成 .jpg 也能正确识别)
· 接口新增可选 fileName 字段,客户端显式声明文件名;
original_name 只用于展示留痕、不进路径拼接,并截断防超长
四、档位 → 前端行为的映射(**不按材料码猜**,档位是管理员可改的配置)
P2 证件翻拍 → 压:长边 1600 + q88 起阶梯
P3 扫描件 → 压:长边 3508 + 降质量(别套 P2 的 1600,会看不清字)
AUTO/P5 → 只降质量不缩尺寸(未知档位擅自缩尺寸是危险的)
P1 证件照 → 不压(服务端要 295×413 裁切 + 补白底)
P4 截图 → 不压(关键是保持 PNG,canvas 只能出 JPEG 会糊掉表格线)
与服务端配合的关键:必须压成**正好落在服务端那套目标里** ——
压狠了白掉一次画质,压轻了服务端再压一次、前端白干(实测 quality=0 证明走对了)。
五、小程序端:**刻意不做 canvas 旋正**(真机未验证)
orientation === 'up' → compressImage 压;其它朝向 → 不压、直传,交服务端转正。
理由:小程序 canvas 的旋正在真机上无法验证,转错了的后果是机构收到躺倒的身份证;
宁可慢一点,也不能赌。
六、E2E
e2e-m3-file 39/39,新增第 8 节守这两个 bug:
✓ **没有后缀**的真 JPEG 被接受(按字节判格式,不看后缀)
✓ 字节是 PNG、后缀写着 .txt → 按字节认作 png 并接受
全量 469 条断言、0 失败。
七、验证脚手架已拆
pages/dev/compress-check.vue + static/__devcheck/ + 造图脚本都是一次性的,
已全部删除并重建 H5(自查过产物里不再有 compress-check / __devcheck)。
它的价值在于:文件选择框没法自动化(chooseImage 会弹系统对话框),
所以那页绕开"选文件",直接拿真构造的竖拍照片喂给**真正的压缩模块**、
走**真正的上传通道** —— 验的比"尺寸对不对"更硬:
**定位色块落在右上角**(证明转的是 90° 顺时针,不只是宽高换了位置)。
数据信息填报系统
职业技能等级认定报名材料收集 SaaS 一期范围:学校收集 + 自主认定(4 类材料,全部有实测样本)。社会收集 / 社会评价 / 专项职业能力后置二期 学生在微信小程序填报 · 班主任在手机初审 · 管理员在 PC 终审与导出 最后更新:2026-09-28 | 状态:需求已冻结(客户全部确认,可开工)
一、这是什么
客户(职业院校 / 认定机构)每年要收集几百名学生的认定报名材料(一寸照片、身份证、学籍表、工作证明)。现状是靠班主任在微信群里收、手工改名、手工压缩、手工核对——一个班 28 人就有 112 个文件、59 个命名违规、31 个超体积,全靠人眼。
本系统把这件事做成流程:门禁核验 → 按规则自动命名与压缩 → 材料识别 → 校验 → 分级审核 → 一键导出规范包。
核心增量:官方 Excel 模板里「报考职业」「报考工种」是自由填写、没有下拉——我们把它变成从名单聚合 + 一致性体检。
二、文档地图
按角色读
| 你是 | 从这几份开始 | 顺序 |
|---|---|---|
| 客户 / 业务方 | 01-客户与机构确认函.md → prototype/index.html |
先看确认函(有 23 项待拍板),再点开原型 |
| 项目经理 | 00-交付计划.md → 05-开发任务拆解.md → 交接摘要.md |
先看进度,再看 94 个任务与 14 周排期 |
| 产品 / 需求 | 数据信息填报系统PRD.md → 数据信息填报系统PRD-功能逻辑卷.md |
前者含库表接口,后者是纯功能逻辑 |
| 后端开发 | 03-接口设计.md → 04-核心模块设计说明.md → db/schema-postgresql.sql |
接口收发 → 引擎怎么做 → 建表 |
| 前端开发 | prototype/ → 03-接口设计.md |
原型是视觉与交互的唯一基准 |
| 测试 | 06-验收测试清单.md → 04-核心模块设计说明.md 附录 B |
29 条 Golden 断言 + 85 条功能验收 |
| 新加入的人 | 交接摘要.md → 本文件 |
一份文档看清全部状态 |
全部文档
| # | 文档 | 规模 | 内容 | 状态 |
|---|---|---|---|---|
| 00 | 00-交付计划.md |
8 KB | 7 项计划与进度追踪、风险跟踪 | ✅ |
| 01 | 01-客户与机构确认函.md |
18 KB | 23 项已全部确认 + 客户回执 + 落地动作清单 | ✅ 需求冻结 |
| 02 | 02-需求追溯矩阵.md |
10 KB | 115 条 FR ↔ 原型/库表/接口 的自审报告 | ✅ |
| 03 | 03-接口设计.md |
112 KB | 121 个接口字段级定义、枚举全集、12 个 VO、57 个错误码 | ✅ |
| 04 | 04-核心模块设计说明.md |
56 KB | 6 个模块伪代码级说明 + 依赖图 + 26 项回归基线 | ✅ |
| 05 | 05-开发任务拆解.md |
31 KB | 100 个任务 / 387 人日 / 15 周,含关键路径、一期范围与风险 | ✅ |
| 06 | 06-验收测试清单.md |
29 KB | 36 条 Golden 断言 + 111 条功能验收 + 签署表 | ✅ |
| — | 交接摘要.md |
11 KB | 状态源:客户回执、13 条铁律、已完成、待办、环境、教训 | ✅ |
| — | 数据信息填报系统PRD.md |
190 KB | 主 PRD V2.3+:125 条 FR、21 条 VAL、20 张表 DDL、验收标准 | ✅ |
| — | 数据信息填报系统PRD-功能逻辑卷.md |
88 KB | 纯功能运转逻辑(不含库表/接口/代码) | ✅ |
| — | db/schema-postgresql.sql |
36 KB | 可执行 PG DDL(20 表),已在 PostgreSQL 16 实测零错误 | ✅ |
| — | prototype/(4 份) |
240 KB | 31 屏交互原型:学生端 11 / 班主任端 9 / 管理端 11 | ✅ |
三、三分钟看懂产品
一条主线
┌─ 学生端(小程序)─┐ ┌─ 班主任端(手机)─┐ ┌─ 管理端(PC)─┐
名单 ──→ 门禁核验 ──→ 填报 ──→ 卡片流初审 ──→ 终审 ──→ 导出规范包
└─✗ 失败 → 申请加入名单 → 管理员审批 → 入册放行
▲ ▲ ▲ ▲
│ │ │ │
报考范围 识别 命名+压缩 汇总 Excel
从名单聚合 校验 (≤1M 无例外) + 目录树
两个必须知道的数字
| 数字 | 含义 |
|---|---|
| 59 / 112 | 真实批次里的命名违规率(52.7%)。系统自动修 |
| 475 MB → 37 MB | 原始总量 → 导出包,压缩率 92%。300dpi 清晰度零损失 |
三条铁律(不要试图绕过)
| # | 铁律 | 理由 |
|---|---|---|
| 1 | 必须先导名单,姓名+身份证匹配不通过不放行 | 门禁是产品根基 |
| 2 | 有不合格文件时直接禁用导出按钮 | 带问题打包出去,返工成本远高于当场修 |
| 3 | 识别失败一律放行 | 不阻断提交是完成率的底线 |
| 4 | 归属存疑一律阻断,且无"仍然继续" | 文件名的姓/证号指向别人 = 传错材料。自动改名会把错传洗白,审核看不出来、事后无从追溯 |
四、关键决策速查
完整 13 条见
交接摘要.md第二节。这里只列最容易被反复讨论的。
| 决策 | 内容 |
|---|---|
| 压缩 | 强制 ≤1M,无例外;默认 300dpi/q85(实测 28/28 达标,均值 806KB) |
| 材料来源 | 只有聊天记录 / 相册 / 手机文件,「直接拍照」默认关闭 |
| 报考范围 | 从名单聚合,不存在独立的"计划清单"文件 |
| 数据库 | PostgreSQL(纯 PG);软删除字段名 deleted |
| 滑动交互 | 班主任端只做右滑通过,驳回必须点按钮 |
| 批量通过 | 只带无问题项,红黄一律排除 |
| 动态表单 | 内置字段(固定列可统计)+ 扩展字段(extras_json) |
| 名单外的人 | 申请加入名单 → 管理员逐条审批;通道只解决"进名单",不绕过门禁 |
| 归属判定优先级 | 证件号反查名册 > OCR 内容 > 姓名(仅辅助,不做独立规则) |
| 联系方式 | 系统内不展示任何班主任/管理员联系方式——学生本来就有;门禁失败只给「重新填写 / 申请加入名单」两条系统内出路 |
| 校验位的作用 | 失败 = 不是真实号码 → 可自动改;通过 = 真人 → 改了就是改身份 → 必须阻断 |
| 审批粒度 | 批量通过不提供"全选",驳回必须逐条填原因(身份认定误操作代价极高) |
五、目录结构
xiaotutongxue/
├── README.md ← 本文件
└── docs/
├── 00-交付计划.md
├── 01-客户与机构确认函.md
├── 02-需求追溯矩阵.md
├── 03-接口设计.md
├── 04-核心模块设计说明.md
├── 05-开发任务拆解.md
├── 06-验收测试清单.md
├── 交接摘要.md
├── 数据信息填报系统PRD.md
├── 数据信息填报系统PRD-功能逻辑卷.md
├── db/
│ └── schema-postgresql.sql
└── prototype/
├── index.html ← 三端入口,从这里打开
├── student-app.html
├── teacher-app.html
└── admin-web.html
六、快速上手
看原型
直接双击 docs/prototype/index.html。单文件自包含、零外部依赖,不需要服务器。
管理端原型支持 100% / 82% / 66% 缩放查看。
验证数据库
# 起一个 PG 容器
docker run -d --name pg-verify -e POSTGRES_PASSWORD=postgres -e POSTGRES_DB=filldb -p 5432:5432 postgres:16
# 执行 DDL
docker exec -i pg-verify psql -U postgres -d filldb < docs/db/schema-postgresql.sql
# 验证结果:20 张表 / 177 列注释 / 65 索引,零错误
docker exec -it pg-verify psql -U postgres -d filldb
容器仍在本机运行时可
docker exec -it pg-verify psql -U postgres -d filldb直接进入; 不需要了用docker rm -f pg-verify清理。
跑原型结构校验
python check2.py docs/prototype/admin-web.html
# 输出:标签配对 / CSS 变量 / SVG 图标 / emoji / 外部依赖 五项检查
六·二、把系统跑起来(三条命令)
# 1) 基础设施:PG 16 + Redis 7 + MinIO
cd deploy
copy .env.example .env # 首次
docker compose up -d
# 2) 后端:Flyway 自动建库 + 自动初始化账号
cd ../backend
mvn spring-boot:run
# 3) 验收自测(35 项)
cd ..
python scripts/e2e-m0.py
开发环境初始账号(仅本地,由 fill.seed.enabled 控制):
| 账号 | 密码 | 角色 |
|---|---|---|
admin |
Admin@123 |
学校管理员(租户 demo) |
platform |
Platform@123 |
平台运营 |
接口文档:http://localhost:8080/doc.html
代码结构
backend/ Java 21 + Spring Boot 4.1.1
├── xt-common/ 统一响应 / 58 个错误码 / AES-GCM / HMAC / RSA
└── xt-server/ 配置 / 鉴权 / 多租户拦截 / 业务模块
deploy/ docker-compose + RSA 开发公钥
scripts/ DDL 同步、登录助手、M0 验收测试
frontend-pc/ (待建)Vue 3 + Element Plus
frontend-mp/ (待建)uni-app
⚠️ 搭环境前请先读
docs/07-开发实施计划.md §9「版本兼容踩坑记录」——
那里记了 10 条 Boot 4 / Flyway 10 / MyBatis-Plus 3.5.9 的真实坑,
其中多数是「依赖在、功能不在,且不报错」的类型,靠读文档和凭经验都躲不掉。
七、交付状态
| 阶段 | 内容 | 状态 |
|---|---|---|
| 需求 | 主 PRD(125 FR / 20 VAL / 20 张表)+ 功能逻辑卷 | ✅ |
| 设计 | 数据库 DDL(PG 16 实测)+ 接口设计(121)+ 模块设计(6) | ✅ |
| 原型 | 31 屏(学生 11 / 班主任 9 / 管理 11)= 31 | ✅ |
| 计划 | 100 任务 / 387 人日 / 15 周(一期范围已收窄) | ✅ |
| 测试 | 36 条 Golden 断言 + 111 条功能验收 | ✅ |
| 待外部 | ✅ 已确认,按建议执行 |
客户已确认(2026-09-28 · 可开工)
| 项 | 确认结论 |
|---|---|
| A1 | ✅ 认定机构接受 300dpi 输出 |
| B1 | ✅ 增加「申请加入名单 → 管理员审批」通道(唯一功能增量,已落地) |
| B3 | ✅ 字段三分类:姓名/证件号/报考三项锁定,其余可核对修改并留痕 |
其余 20 项均与现有设计一致,零改动。 需求已冻结,可按 05-开发任务拆解.md 的 M0 开工。
八、数据与测试基线
| 项 | 值 |
|---|---|
| Golden Test Set | D:\项目\202609机电填报系统\24中技数控1班\ |
| 规模 | 28 人 × 4 类材料 = 112 个文件,原始 475 MB |
| 命名违规 | 59(52.7%) |
| 双扩展名 | 56 |
| 体积超标 | 31 |
| 证件号异常 | 5(自动修 3 + 待人工 2) |
| 疑似串档 | 1(唯一必须人工判断的) |
| 压缩后 | 均值 806 KB,最大 831 KB,0 张超标 |
| 导出包 | ≈37 MB,压缩率 92% |
⚠️ 这个数据集不可替代。所有"实测"结论都来自它;换成构造数据,双扩展名 56/112 这种数字就复现不出来。 必须纳入版本管理或保留只读副本。
九、开发环境
| 项 | 说明 |
|---|---|
| 数据库 | PostgreSQL 16(DDL 已实测通过) |
| 开发顺序 | M1 命名引擎 → M4 门禁 → M2 压缩 → M5 校验 → M3 识别 → M6 导出 |
| 客户回执 | 全部 23 项按建议执行;唯一功能增量 B1(申请加入名单)已落地 |
| 原型约束 | 单文件自包含、零外部依赖、内联 SVG 图标、无 emoji |
| 最长的两个单点 | 压缩引擎 12 人日、打包引擎 10 人日(加人无效) |
| 回归门禁 | 改动后必须复现 15 项基线指标(对应 29 条断言),偏差即回归 |
十、两条踩过的坑
| # | 教训 |
|---|---|
| 1 | 脚本审计前先验证脚本本身。追溯矩阵审计时脚本漏匹配加粗编号,误报 3 个"需求问题",若直接采信会引入 3 处错误 |
| 2 | 引用已有编号前先脚本核对,不凭记忆。模块设计里把 VAL 编号整体写错位(VAL-01 是姓名 vs 证件号格式),若不查会与 PRD 互相矛盾 |
详见
交接摘要.md第七节。
文档中心维护约定:任何改动后,请更新 00-交付计划.md 的执行记录与 交接摘要.md 的状态;改动接口/库表/FR 编号时,必须重跑跨文档一致性核对。