Files
ClassHelper/docs/get-started/web-admin.md
T
LoveChengke 19c2aa07b2 feat(docs,scripts,build): 用 docfx 搭文档站并发布到 GitHub Pages,版本号收口成脚本迭代
文档站(`docs/` 就是 docfx 项目,发布在 https://lovechengke.github.io/ClassHelper/):

- 四章 + 常见问题 + 完整参考,共 44 页:快速上手(8 页)/ 应用帮助(10 页)/
  管理运维(6 页)/ 开发文档(11 页)。信息架构照 ClassIsland 文档站来:
  顶栏分章、左侧章节导航、右侧本页目录、上一页 / 下一页、站内搜索、深色主题跟随系统;
- 自定义模板覆盖(`templates/classhelper/`):把 docfx modern 模板那套英文 UI 文案
  (In this article / Improve this doc / Next…)换成中文,补 GitHub 入口与版本徽标,
  并加一层只调排版与配色的 `public/main.css`(不动 DOM 结构);
- 站点顶栏的版本徽标取自根 `package.json`(`docs/build.mjs` 用 `--metadata` 注入),
  不在文档里写第二份 —— 否则一定漂;
- 404 页单独生成:GitHub Pages 的项目页挂在 `/<仓库名>/` 子路径下,而浏览器是按**被请求的路径**
  解析页面里的相对链接的,所以 `<base>` 必须钉到站点根,由 `build.mjs`(本地 `./`)与
  workflow(CI 传 `/<仓库名>/`)分别注入;
- 构建前清空 `_site`:docfx 只覆盖不清理,删掉或改名的页面会以旧文件留在目录里,
  而 Pages 上传的是整个目录。

版本迭代(**每一次 releases,不是每一次提交**):

- 新增 `scripts/version.mjs`。这个仓库里同一个版本号散在 **10 个文件**里(5 份 `package.json`、
  `deploy/package.runtime.json`、两个 compose 的镜像 tag、插件 `manifest.yml`、以及插件 C# 里的
  `PluginVersion` 常量),手工改必然漏一处,而漏掉的那处**不会报错**,只在某个不常走的分支上
  表现为"版本号对不上"。现在收口成两条命令:`pnpm version:check`(逐处比对,不一致 exit 1)
  与 `pnpm version:bump patch|minor|major`(一次改写全部 10 处,任何一处匹配不到或匹配到多处
  就直接失败退出,不做尽力而为的部分改写);
- `AGENTS.md` 新增 §4.4「版本迭代(每一次 releases,不是每一次提交)」:写清版本号落在哪 10 处、
  完整发布命令序列(体检 → 验收 → `dist:all` → 哈希清单 → 推 master → `gh release create` →
  Linux 包由 CI 合并哈希行),以及"已发布的版本号不要复用"的理由。

其它:

- `.github/workflows/docs.yml`:推 master(`docs/**` / `package.json` / workflow 自身有变)即构建并
  部署到 Pages;构建带 `--check`,把 docfx 的警告当错误 —— 最常见的警告是"某个 `.md` 没被任何
  `toc.yml` 引用",那种页面有内容但没有侧边栏,属于必须修掉的疏漏;
- docs 目录重组后的引用同步:`production` / `mysql` / `linux-deploy` / `winisland-design-tokens`
  移到新位置后,AGENTS.md、`deploy/`、`scripts/`、客户端源码注释里的路径引用一并更新;
- 文档站只发布 `docs/` 这一棵树,页面里指向树外的相对链接(`../AGENTS.md` 等)改成 GitHub 绝对 URL,
  否则上线全是 404;
- 图标派生清单补上文档站模板里的 `logo.png` 与 `favicon.png`(`pnpm icons` 一并生成,
  仍然只有一个图形源 `build/classhelper.{png,ico}`);
- `docs/_site` 进 `.gitignore` / `.prettierignore` 与 ESLint ignores;
- 根脚本补 `version:check` / `version:bump` / `docs:build` / `docs:serve` / `docs:check`。
2026-10-06 16:27:44 +08:00

3.8 KiB
Raw Blame History

title, description
title description
认识 Web 管理端 登录班级小助手 Web 管理端,认一认 12 个页面、新手引导与手机端布局。

认识 Web 管理端

Web 管理端不用装:服务端起来之后,浏览器打开 http://<服务器地址>:4000/ 就是它。

登录

用教师 / 管理员账号登录(用户名 + 密码)。学生没有个人账号,学生那一端走 班级码 + 班级密码,见班级、学生与教师。

  • 新装的服务端只有安装时创建的那一个管理员账号。第一次登录后请立刻在顶栏头像菜单 → 修改密码里改掉它。
  • 登录页不含任何演示内容(没有"点击填充示例账号"之类的按钮),也不会提示种子口令。
  • 连不上服务器时页面会直接失败,不会静默重试 —— 先确认服务端在跑、端口对、没走代理。

界面

布局沿用 1Panel 那一套:左边固定深色侧边栏,右边浅灰底 + 白色圆角卡片。

页面 干什么 谁能进
仪表盘 全校 / 本班的汇总数字与最近动态 所有登录用户
课表管理 排课、导入 ClassIsland 课表、节次时间 管理员、本班班主任
作业发布 发作业、按天查看、看未交名单 教师、管理员、班级账号
通知发布 发通知、发叫人 教师、管理员
成绩录入 单条 / 批量录成绩、导入表格、看统计 管理员、本班班主任
ClassIsland 联动 接入教室设备、下发提醒、看实时状态、开镜像 管理员、教师
班级管理 建班级、换班主任、改班级账号 仅管理员
学生管理 学生名单增删、导入 仅管理员
教师管理 教师账号增删改、导入名单、重置密码 仅管理员
数据库管理 备份 / 恢复、导出导入、一键切换 SQLite ⇄ MySQL 仅管理员
检查更新 顶栏头像菜单里,查 GitHub 上有没有新版本 所有登录用户

前端隐藏 ≠ 权限。上面这张表只是"入口藏不藏",每一条写入请求服务端都会再判一次 (见角色与权限)。直接输网址绕过菜单,一样会被挡回仪表盘。

第一次登录的引导

首次登录进入主布局后会自动弹一次聚焦式引导,依次指出:侧边菜单 → 实时通道状态 → 账号菜单 → 完成。 走完或跳过(右上角 × 或 Esc)都记作"已看过",之后不再自动弹。

想重看:右上角头像菜单 →「使用引导」。

手机 / 平板

屏幕宽度 布局
> 992px 常驻 210px 深色侧边栏 + 顶栏显示连接状态与实时事件计数
769–992px 保留侧边栏,内容区内边距压缩
≤ 768px 侧边栏收进抽屉,顶栏汉堡按钮唤出;表格在卡片内横向滚动

手机上(与电脑同一局域网)用 http://<主机IP>:4000 打开,可以「添加到主屏幕」当 App 用(PWA)。 做成 HTTPS 之后 PWA 才能完全离线化,见生产部署指南。

下一步:建班级、排课表。