📊
班级成绩查询系统（移动端 H5）
教育培训 · 上传者 驰旭教育 · 更新于 2026-08-07
移动端网页
会员专享 成绩查询学情分析成绩趋势多维度对比
20浏览
0下载
0点赞
2026-08-07更新
⚠ 版权与免责声明
本资源由社区用户「驰旭教育」上传分享，版权归原作者所有。
· 本站内容仅限个人学习与研究使用，严禁用于任何商业用途。
· 下载后请于 24 小时内删除或销毁，逾期风险自负。
· 因参考、运行本站代码产生的任何损失，本站不承担赔偿责任。
· 如涉及侵权，请联系我们，核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息，均属于在学习研究时的测试模拟数据，与现实中的同名任何个人、企业、组织无任何关联；若有雷同，纯属巧合。如这些内容无意中侵犯您的合法权益，请联系我们，核实后将及时删除或更改。
功能介绍
- 十二页独立 H5：登录落地 / 成绩总览 / 考试记录 / 考试详情 / 成绩趋势 / 学科分析 / 多维度对比 / 排名 / 错题本 / 学情概览 / 消息通知
- 学生登录后进入成绩总览，一屏展示最新考试总分、班级排名、较上次进退步与四项关键指标
- 考试记录按学期列出全部考试，标注总分、进退步（绿涨红跌）与班级排名，点击进入详情
- 单场考试详情：总分 / 班级排名 / 较上次对比、学科明细（超均 ▲ / 低均 ▼ 标注）、能力雷达图、分数段分布柱状图
- 成绩趋势：纯 SVG 折线图叠加班级均值参考线，逐场标注进退步，支持切换查看不同学科走势
- 学科分析：单科历次走势 + 与班级均值的横向对比，定位强弱学科
- 多维度对比：同一考试的总分条形对比、各学科本次 / 上次 / 班级 / 校最高逐项展开
- 排名：班级榜与年级榜双视图，标注自身位置与前后名次同学
- 错题本：按学科聚合错题，知识点溯源 + 掌握度标记，指导薄弱点复习
- 全站 localStorage 持久化，新增成绩实时进入各分析页，零框架零 jQuery，离线可跑
界面预览
源码结构
index.html
login.html
home.html
exams.html
exam_detail.html
trend.html
subject.html
compare.html
rank.html
mistakes.html
profile.html
message.html
style.css
app.js
data/cg_home.json
data/cg_exams.json
data/cg_exam.json
data/cg_trend.json
data/cg_subject.json
data/cg_compare.json
data/cg_rank.json
data/cg_mistake.json
data/cg_profile.json
data/cg_message.json
data/cg_student.json
data/fallback.js
详细说明
纯原生 JavaScript 多页架构班级成绩查询系统演示，零框架零 jQuery，12 个独立 HTML 页面共享 style.css / app.js，数据仅存本地，可离线运行。
下载压缩包后解压，按源码内 README 配置 AppID / 接口地址 / 云环境，使用对应开发者工具导入即可预览。如遇问题可在评论区留言，由上传者与其他社区成员交流答疑。
用户评论 （0）
还没有评论，来抢沙发～