教师与管理员 Web Demo

这是一个独立的 Web 前端项目，面向教师和管理员角色，当前用于演示两条主链路：

• 教师上传题目
• 教师 / 管理员查看学生做题记录

技术栈

• React 18
• TypeScript
• Vite
• 原生 CSS 设计系统

当前能力

• 登录页支持教师、管理员两种身份进入
• 教师端支持题目上传草稿编辑与预览
• 学生记录页支持按学生查看汇总、图表、试题集和单题详情
• 管理员端额外提供工作台总览页
• 全部数据均为前端 mock，方便后续联调替换

本地启动

npm install
npm run dev

目录说明

• src/App.tsx：应用入口与页面切换
• src/data/mock.ts：本地 mock 数据与类型
• src/pages/UploadPage.tsx：上传题目演示页
• src/pages/StudentRecordsPage.tsx：学生做题记录页
• src/styles/global.css：全局设计风格与动画

后续建议

• 接入登录鉴权与角色权限接口
• 接入教师上传题目接口与草稿箱接口
• 接入学生练习记录与统计接口
• 将当前 mock 图表替换为正式图表组件库