1.点名需要使用电子表格无系统记录的问题
2.随机点名有三维动画，提高课堂互动效果
点击空白处退出提示
课堂点名系统产品系统Vibe Coding
我要开发同款技术信息
作品详情
行业场景
功能介绍
## 功能特性
- 🎓 **双角色系统**：教师/学生分离，安全认证
- 📚 **四层课程结构**：学期 → 课程 → 教学班 → 学生
- 📥 **名单批量导入**：支持 Excel(.xlsx/.xls) 和 CSV 格式
- 📋 **进度表导入**：自动解析理论课/上机课进度表生成 Session
- 🎲 **Three.js 随机点名**：粒子爆炸聚合动画，炫酷抽签效果
- ✅ **手动签到**：卡片网格，一键切换出勤/缺席/迟到/请假状态
- 📊 **出勤报表**：饼图统计、缺席名单导出 Excel
- 🔔 **今日提醒**：仪表盘高亮今日/本周需上课的课次
项目实现
| 技术 | 说明 |
|------|------|
| Next.js 16 | App Router, Server Components |
| Neon PostgreSQL | Serverless 数据库 |
| Prisma ORM v5 | 类型安全数据库访问 |
| NextAuth.js v5 | JWT 认证 |
| Three.js | 3D 粒子点名动画 |
| @react-three/fiber | React Three.js 渲染器 |
| Tailwind CSS v4 | 样式系统 |
| recharts | 出勤图表 |
| xlsx + papaparse | 文件解析 |
整个项目的搭建及实现都是我负责
示例图片
声明：本文仅代表作者观点，不代表本站立场。如果侵犯到您的合法权益，请联系我们删除侵权资源！如果遇到资源链接失效，请您通过评论或工单的方式通知管理员。未经允许，不得转载，本站所有资源文章禁止商业使用运营!
评论