3.2 KiB
3.2 KiB
title, description
| title | description |
|---|---|
| 开发文档 | ClassHelper的架构、接口、数据模型、权限、动效层,以及验收与发版流程。 |
开发文档
ClassHelper是一个 pnpm monorepo,一份代码产出四个交付物:
| 交付物 | 位置 | 形态 |
|---|---|---|
| 后端服务 | packages/server |
Express 5 + Prisma 7 + Socket.IO,接口前缀 /api |
| Web 管理端 | packages/web-admin |
Vue 3 + Vite + Element Plus(教师 / 管理员用,PWA 可安装) |
| 桌面客户端 | packages/desktop-client |
Electron + Vue 3(ClassHelper 班级端 / 教室机器,含灵动岛浮窗) |
| 共享契约 | packages/shared |
三端共用的类型 / 常量 / 权限 / 工具函数 |
核心链路:
教师在 Web 端发布内容
│ REST API(JWT 鉴权)
▼
后端服务(Express + Prisma)
│ 写库 + 按班级房间广播
▼
Socket.IO ──► class:{classId} 房间 ──► 学生桌面客户端实时更新 UI(含灵动岛)
▲ │
└──── 老师下发的提醒 ◄──────┘
这一章有什么
| 页面 | 内容 |
|---|---|
| 架构总览 | 目录结构、技术栈、模块化设计、几条贯穿全局的约定 |
| REST API | 全部接口一览(方法 / 路径 / 权限) |
| 实时事件(Socket.IO) | 事件清单、房间规则、新增事件要改哪三处 |
| 数据模型 | 24 张表、迁移历史、跨库约定 |
| 角色与权限 | 权限矩阵与实现位置 |
| 动效层与主题 | beUI 令牌、CSS linear() 弹簧、深色主题 |
| 灵动岛设计令牌 | 岛逐项的几何 / 配色 / 排版 token |
| 验收与测试 | 五套验收脚本怎么跑、哪些用例是脆弱的 |
| 版本迭代与发布 | 改版本号、出安装包、发 Release 的完整流程 |