高中语文闯关答题小程序（含教师管理后台）

技术信息

语言技术
Redis、React、Node.js、MySQL、小程序系统类型
小程序轻应用、Web行业分类
教育校园

作品详情

行业场景

高中语文有大量需要反复记忆和检测的内容，如古诗文默写、基础知识选择题等。传统做法依赖纸质默写和课堂抽查，老师批改、统计的工作量大，学生练完得不到即时反馈，也缺少持续练习的动力。

本项目面向高中语文教学场景，按学年段（高一上至高三下）配套设置关卡，以班级为单位组织学生使用：学生在微信小程序中闯关答题，答错即时看到正确答案并重新闯关，用游戏化的方式强化记忆；老师在 Web 后台统一管理题库、班级和学生，通过排行榜和数据概览掌握全班练习进度。

功能介绍

系统分为学生端微信小程序和教师端 Web 管理后台两部分，区分管理员、教师、学生三种角色。

一、学生端（微信小程序）
1. 登录与绑定：账号密码登录，首次登录绑定学年段和班级
2. 关卡地图：按学年段展示关卡，显示已通关 / 可挑战 / 未解锁状态，前一关通过后才解锁下一关
3. 闯关答题：支持默写填空题和选择题，每次进入题目随机排序；答错任意一题立即中断，展示原题、正确答案和学生答案，可选择重新闯关或结束
4. 通关记录：全部答对即通关，记录通关时间并计入排行榜
5. 排行榜：按关卡切换查看本班排名
6. 错题本：汇总答错的题目，便于针对性复习

二、教师端（Web 管理后台）
1. 数据概览：查看整体闯关数据
2. 班级与学生管理：支持 Excel 批量导入学生、重置密码
3. 关卡配置：按学年段设置关卡及解锁顺序
4. 题库管理：按关卡维护题目，支持 Excel 批量导入
5. 排行榜：按班级、关卡查看排名并导出 Excel

项目实现

本人负责产品需求设计、全栈开发及上线部署，开发过程采用 AI 辅助编程。

技术架构：
· 学生端：微信小程序原生开发（WXML/WXSS/JS），共 10 个页面
· 管理后台：React 18 + Ant Design 5 + React Router
· 后端：Node.js + Express，共 28 个接口，Token 鉴权，密码 bcrypt 加密存储，接口限流
· 数据层：MySQL 8.0（8 张业务表）+ Redis 缓存
· 部署：腾讯云 Ubuntu 22.04，Nginx 反向代理 + HTTPS，PM2 守护进程；完成域名注册与 ICP 备案，备案期间以微信云托管作为临时后端，通过配置开关一键切回自建服务器

实现亮点与难点：
1. 并发与响应：按一个年级约 150 人同时在线答题设计，题库读多写少，热点数据放入 Redis 降低数据库压力；题库重新导入后可单独刷新缓存，不影响在线用户会话
2. 闯关规则：题目每次随机排序，答案由服务端逐题校验，答错立即中断并记录错题，保证闯关结果和排名的公平性
3. 部署运维：独立完成服务器环境搭建与上线，处理过 Nginx 反向代理、HTTPS 端口访问、MySQL 密码重置、初始账号密码哈希不一致等问题