2.5 KiB
2.5 KiB
验收任务清单
来源:题目-在线管理平台
一、前端功能验收
1. 登录认证
- 实现用户登录表单(用户名 + 密码),调用后端接口进行认证
- 未登录状态下访问其他页面自动跳转到登录页
- 固定测试账号/密码:
admin/admin123
2. 工作台(Dashboard)
- 展示 4 个统计卡片:课程总数、学生总数、发布率、活跃率
- 柱状图:课程选课人数排行
- 折线图:近 7 天学习活跃度(学习人数 + 学习时长)
- 饼图:学生状态分布(活跃 / 非活跃)
- 饼图:课程分类分布
3. 课程管理
- 课程列表展示,支持分页(默认 10 条每页,可调整)
- 按课程名/讲师搜索、按状态和分类筛选
- 选课人数列的服务端排序
- 新增、编辑、删除课程
- 课程发布/下架状态切换
- 删除操作气泡确认框
4. 学生管理
- 学生列表展示,支持分页(默认 10 条每页,可调整)
- 按姓名/学号搜索、按班级和状态筛选
- 新增、编辑、删除学生
- 支持多选课程
5. 学习总结
- 从服务端获取 Markdown 格式的学习总结内容,前端解析渲染展示
- 修改
server/data/summary.md内容为真实的前端学习总结
二、技术要求验收
前端技术栈
- Vite + React + TypeScript
- Ant Design + Tailwind CSS
- 未使用第三方脚手架(UmiJS、飞冰、Ant Design Pro 等)
后端技术栈
- Node.js + Koa
- @koa/router + better-sqlite3 + jsonwebtoken
- 完善个别缺失的后端代码
开发与生产配置
- 前端监听 5173 端口,Vite 代理到 3000
- 前端
npm run build打包到client/dist - 生产环境中 Koa 托管静态资源,
http://localhost:3000可直接访问
三、作业提交验收
- 作业放置于
week07/homework/course目录 client目录包含 package.json(npm run dev/npm run build)server目录包含后端代码- 视频要求:
- 时长控制在 5 分钟内
- 展示学生管理的增删改查、工作台和学习总结界面
- 核心技术点讲解或优化思考
- 视频开头说明身份信息
- 命名格式:
姓名_学号_在线学习后台.mp4
- README.md 包含:
- 项目基本信息(姓名、学校、学号)
- 开发任务索引(任务清单)
- 核心技术实现说明