🎓
明德学院学生成绩管理系统H5移动端功能演示
教育培训 · 上传者 驰旭教育 · 更新于 2026-07-16
移动端网页
会员专享 H5移动端学生成绩成绩管理
4浏览
0下载
0点赞
2026-07-16更新
⚠ 版权与免责声明
本资源由社区用户「驰旭教育」上传分享，版权归原作者所有。
· 本站内容仅限个人学习与研究使用，严禁用于任何商业用途。
· 下载后请于 24 小时内删除或销毁，逾期风险自负。
· 因参考、运行本站代码产生的任何损失，本站不承担赔偿责任。
· 如涉及侵权，请联系我们，核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息，均属于在学习研究时的测试模拟数据，与现实中的同名任何个人、企业、组织无任何关联；若有雷同，纯属巧合。如这些内容无意中侵犯您的合法权益，请联系我们，核实后将及时删除或更改。
功能介绍
- 学生首页：学生信息卡（张三/学号/学院/专业）、本学期 GPA 3.84、已修学分、4 个快捷入口、3 条校园通知
- 我的课表：周一至周五课程网格，每门课含上课时间段、课程名、教室
- 成绩与绩点：学期切换、GPA 横幅（3.84）、6 门课成绩与绩点列表（含颜色区分）
- 在线选课：搜索、可选课程卡片列表（学分/时间/教师/选课人数）、选课按钮、已选课程 chips 与学分统计
- 教师录入成绩：教师信息卡、课程/班级切换、学生成绩表格（平时/期中/期末/总评可录入）、保存按钮
- 授课班级名单：班级切换、学生名单列表（头像/学号/姓名/性别/专业/已修学分）
- 底部 5 Tab 导航：首页/课表/成绩/选课/教师，单页多视图纯原生 JS
- 6 个独立页面，截图 6 张
界面预览
源码结构
index.html
详细说明
H5 单页纯原生 JS 应用，学生成绩管理系统风格，含学生端（首页/课表/成绩/选课）与教师端（录入成绩/班级名单）六个视图，截图 6 张，数据为演示数据。
下载压缩包后解压，按源码内 README 配置 AppID / 接口地址 / 云环境，使用对应开发者工具导入即可预览。如遇问题可在评论区留言，由上传者与其他社区成员交流答疑。
用户评论 （0）
还没有评论，来抢沙发～