1. Demo 简介
是什么：华交体测计算器是一款基于 Vue 3 开发的网页端体测成绩计算工具，采用 Vite 构建为单文件 HTML 产物，支持在移动端和桌面端浏览器中直接运行，无需安装、无需注册、无需服务器。
面向谁：华东交通大学全体本科生（含建筑学、音乐学大五），涵盖男生女生各个年级，同时也适用于班委快速统计班级成绩。
主要功能：
- 实时自动计分：用户输入任意一项体测数据（身高体重、肺活量、跑步、跳远、引体向上/仰卧起坐等），系统自动对照评分表实时计算单项得分与总分，无需翻找纸质评分表，无需手动按权重计算。
- 完整规则全覆盖：内置华东交通大学完整的体测评分标准，包括男女生各两套评分表（大一大二 / 大三大四）、BMI 评分表、超满分加分规则（引体向上/仰卧起坐、长跑）、奖励加分规则（校运会、体育竞赛、体育活动），确保计算结果与官方标准一致。
- 历史成绩管理：支持按学年保存历史体测成绩，数据可通过二维码导出与导入，方便学生追踪大学四年体质变化，随时对比进步与退步。
2. Demo 创作思路
灵感来源：作为华东交通大学的一名学生，每次体测结束后都需要反复核对纸质评分表来计算自己的成绩。评分表按年级和性别分为 4 套，各项目权重不同，还有超满分加分和奖励分规则，整个过程繁琐且容易出错。这种亲身经历的痛点促使我希望做一个自动化工具，让同学们能快速、准确地算出自己的体测成绩。
想解决的问题：
- 手动查表耗时易错：没有工具时，学生需要翻找 4 套不同的评分表，逐项对照打分，再按权重计算总分，计算很耗时，且容易算错。
- 加分规则复杂难记：超满分加分（引体向上/仰卧起坐、长跑）和奖励加分（校运会、体育竞赛、体育活动）的规则较复杂，普通学生难以准确掌握。
- 历史成绩缺乏管理：往年体测成绩没有统一的管理方式，学生想追踪四年体质变化非常不便。
为什么做这个方向：
- 真实需求驱动：这是自己和身边同学在面对的实际问题，不是凭空想象的伪需求，做出来立刻有人用。
- 技术选型轻量：选择 Vue 3 + Vite 构建单文件 HTML，产物可直接双击运行，也可部署到任意静态服务器，零成本、零门槛，确保所有同学都能无障碍使用。
- 聚焦单点做透：不追求大而全的平台，而是把一个核心功能（体测成绩计算）做到极致——规则全、计算准、体验流畅，让学生真正愿意用、持续用。
3. Demo 体验地址
我把产物编译成了单文件html，既可轻松部署，也可下载后直接双击打开使用！
index.html (877.7 KB)
评分标准网页：
rule.html (32.7 KB)
4. TRAE 实践过程
开发关键步骤截图
关键任务对话的 Session ID
.159863396906583:101c646c25c5e7a7165438eb7e469e8a_6a1c3b84a583c620c6244705.6a1cda00d028e55740fdae74.6a1cd9ff5552247f2055649a:Trae CN.T(2026/6/1 09:01:52)
.159863396906583:be70ec25fca3bd1d23eb0d3a95a9bb8a_6a1cee05b63446e63a2ee673.6a1cf449b63446e63a2ee675.6a1cf44973e4d2f942651520:Trae CN.T(2026/6/1 10:54:01)
.159863396906583:1a607535152399ef0968aea2470f5494_6a1cf9abb63446e63a2ee6b6.6a1cf9b0b63446e63a2ee6b8.6a1cf9b073e4d2f942651522:Trae CN.T(2026/6/1 11:17:04)
.159863396906583:2786b6496459aa0680aca4cee1659cde_6a1cfb68b63446e63a2ee6d9.6a1cfbfbb63446e63a2ee6db.6a1cfbfb73e4d2f942651523:Trae CN.T(2026/6/1 11:26:51)
.159863396906583:c0f336e3e1ff52a00cbe50dd9ae88832_6a1cfc3bb63446e63a2ee6ea.6a1d014eb63446e63a2ee6ec.6a1d014e73e4d2f942651524:Trae CN.T(2026/6/1 11:49:34)
.159863396906583:df4e1243e8e09aa11470208577bb3b5b_6a1d29b6fed3a04b959f4b81.6a1d2abbfed3a04b959f4b83.6a1d2abb16017c7669bf4420:Trae CN.T(2026/6/1 14:46:19)
.159863396906583:c581219094961b9d35a14dc038b29355_6a1d2c25fed3a04b959f4ba2.6a1d2c2cfed3a04b959f4ba4.6a1d2c2c16017c7669bf4421:Trae CN.T(2026/6/1 14:52:28)
.159863396906583:ea3dfc921e9775fb78af56283e84a112_6a1d37fefed3a04b959f4c42.6a1d381bfed3a04b959f4c47.6a1d381a16017c7669bf4422:Trae CN.T(2026/6/1 15:43:23)
.159863396906583:9af4161231c2380128200509e4924b4e_6a1d3cc1fed3a04b959f4c8f.6a1d3ce2fed3a04b959f4c91.6a1d3ce216017c7669bf4423:Trae CN.T(2026/6/1 16:03:46)
.159863396906583:3e3c8c51d8c43885343a857b3113855f_6a1d6588db0d734d5650271a.6a1d6595db0d734d5650271c.6a1d6595d2404d452f3754ec:Trae CN.T(2026/6/1 18:57:25)
.159863396906583:1b9e43e9444ae18698a8a41cab790057_6a1d751bb66b0749fcd4a27a.6a1d896750ef25eacf9fdc7d.6a1d8966b3da784bed99ccb8:Trae CN.T(2026/6/1 21:30:15)
.159863396906583:e6c65325a159bdc654a24b9ce7e056de_6a1d8c6750ef25eacf9fdd61.6a1d913450ef25eacf9fdd63.6a1d9134b3da784bed99ccb9:Trae CN.T(2026/6/1 22:03:32)
.159863396906583:7b0715e70f52424156ffc5a5be026048_6a1d944950ef25eacf9fdd96.6a1d94d650ef25eacf9fdd98.6a1d94d5b3da784bed99ccbb:Trae CN.T(2026/6/1 22:19:02)
.159863396906583:a6c6337b873ec818ec745624dd88e270_6a1d982550ef25eacf9fde25.6a1e1df9cd6fd2b67ce2960b.6a1e1df947344e92af45f721:Trae CN.T(2026/6/2 08:04:09)
.159863396906583:1fd1b3a0cc10f5b74af4c8209553645c_6a1e21f9cd6fd2b67ce296d2.6a1e29a5cd6fd2b67ce296d4.6a1e29a447344e92af45f722:Trae CN.T(2026/6/2 08:53:57)
社区报名帖链接
报名帖链接：
