VPS知识分享站班主任工作台上云，核心就一件事：数据别只存在浏览器里。WorkBuddy 生成的班主任工作台本身没问题，问题在 localStorage，换台设备就没了；把存储换成云服务器加后端接口，手机和电脑读同一份数据，走到哪都能接着干。
下面这份 Prompt 可以直接复制给 WorkBuddy，部署大概 30 分钟。
一、先说说我踩的坑
在办公室电脑上记了一条待办，回家打开手机——没有。
在手机上录了一个学生的德育记录，第二天到学校打开电脑——还是空的。
一开始我以为是自己操作错了，后来才明白：WorkBuddy 生成的单文件工作台，数据默认存在浏览器的 localStorage 里。localStorage 是”这台设备 + 这个浏览器”专属的存储空间，手机和电脑是两个完全独立的空间，谁也看不到谁。换设备、清缓存，数据就彻底没了。
二、解决思路：数据不住浏览器，住云服务器
原理不复杂：数据不再存在本地浏览器，而是存在一台随时在线的服务器上。手机、电脑访问同一个地址，读的就是同一份数据。
| 组件 | 职责 |
|---|---|
| 前端（index.html） | 界面展示、交互操作 |
| 后端（server.js） | 接收前端请求、读写数据 |
| 云服务器 + 数据库 | 数据永久存储、7×24 在线 |
工作方式就两句话：
- 打开页面：先从服务器拉取最新数据，再渲染界面；
- 增删改：每次操作后把数据写回服务器，并提示”已保存”。
这样不管你在哪台设备上改，另一台设备重新打开或刷新，看到的都是最新内容。
三、云端版完整 Prompt（复制即用）
下面的需求描述已经按”前后端分离 + 云端存储”写好，发给 WorkBuddy 后，会得到 index.html（前端）、server.js（后端）和一份 README。前端八大模块、后端 API、SQLite 存储、多设备同步、本地 AI 引擎都在里面了。
请帮我生成一个「班主任工作台」云端版应用，采用前后端分离架构，支持多设备数据同步（手机、电脑访问同一 URL，数据一致）。要求如下：
【一、总体架构】
- 项目分两部分交付：
① 前端：index.html（单文件，内联全部样式与脚本，原生 HTML/CSS/JS）；
② 后端：server.js（Node.js + Express，除 express、better-sqlite3 外不引入其他依赖）。
- 前端负责界面与交互，后端提供 REST API 负责数据读写与持久化。
- 数据存储：服务端 SQLite 数据库（或单 JSON 文件持久化），严禁用 localStorage 作为主存储。
- 部署要求：后端监听 3000 端口，支持 Nginx 反向代理绑定域名，支持 pm2 常驻运行。
【二、后端 API 设计】
- 提供以下接口（返回 JSON）：
GET /api/data 拉取全量业务数据（首次同步）
PUT /api/data 全量保存业务数据（前端每次修改后调用）
或按模块拆分：GET/PUT /api/teacher、/api/tasks、/api/students、/api/scores、/api/talks、/api/records、/api/funds、/api/calendar
- 数据按模块存库，接口幂等、可重复调用。
- 鉴权：可选。个人使用可内置一个简单 token（配置在 server.js 顶部常量），前端请求头携带；团队使用可在提示词中说明。
- server.js 需包含：CORS 处理、JSON body 解析、静态资源托管（把 index.html 一起托管，访问根路径即打开应用）、错误处理、启动日志。
【三、前端数据同步逻辑】
- 页面加载时 fetch(GET /api/data) 拉取全部数据渲染；
- 任何增删改操作后，调用 PUT /api/data 推送最新数据，并给出"已保存"提示；
- 保存失败（网络异常）时明确提示"保存失败，请重试"，禁止静默丢弃；
- 启动时若 API 不可达，显示"无法连接服务器"错误页，不渲染空数据。
【四、八大业务模块】（功能与本地版一致，仅存储方式改为云端）
1. 今日助手：今日待办（值日/班会/家长沟通/作业批改，可勾选/增删改）、课程表快捷展示、AI 主动推送卡片（考试、节气安全提醒、重点学生关注）。
2. 我的班级：学生名册网格（姓名/性别/出生日期/家长电话/座位号/职务/特殊备注），学生档案增删改查，删除级联清理该生德育与成绩记录，支持筛选；顶部班级健康与重点关注提醒。
3. 成绩管理：按科目录入成绩，自动计算平均分/最高分/排名/进退步人数，按学生查看历次成绩趋势，导出成绩单文本。
4. 家校沟通：家长通讯录、沟通记录（时间/事由/结果）、常用话术库（表扬/问题反馈/请假）、家长会安排提醒。
5. 德育记录：日常行为记录（时间倒序，可增删改）、评语库、一键生成期末操行评语（德智体美劳）、操行等级统计。
6. 班务管理：值日表（按周轮换可调）、座位表、班干部名单、班费收支台账、请假登记、考勤统计。
7. 班务日历：校历事项、考试安排、家长会、运动会、节假日、节气安全提醒；可新增自定事项；临近 7 天自动提醒。
8. 教育政策库：内置≥5 篇核心文件要点（《中小学德育工作指南》《中小学生守则》《义务教育法》《未成年人保护法》《中小学生减负措施》），关键词检索，输入教育问题给出政策依据+实践建议。
【五、本地 AI 引擎】
- 规则式引擎（关键词+模板，不调外部接口）：家长沟通话术、学生评语、班会活动方案、通知草稿、德育案例分析、政策检索、本周工作总结。
- 例：输入「学生上课走神怎么办」→ 问题分析+沟通建议+家校配合要点；输入学生姓名+近期表现 → 期末评语初稿。
【六、视觉】
- 校园风：主色宁静蓝 #5b9bd5、背景米白 #fbfaf7、点缀活力橙 #f2a154；圆角卡片、柔和阴影；手机端大字号大按钮，底部 Tab（首页/班级/成绩/家校/更多）+ 悬浮 AI 按钮（≥44px 点击区）；电脑端左侧侧边栏（≥881px）。
【七、首次示例数据】
- 30 名学生、2 条健康与重点关注提醒、5 条今日待办、1 个科目成绩表、10 条德育记录、8 条家校沟通记录、值日表与座位表、班费台账 5 条、3 条日历事项、教师信息{姓名,学校,班级}。首次启动时后端自动初始化示例数据。
【八、交付与验收】
- 交付两个文件：index.html、server.js，附 README.md 说明安装与启动命令（npm install、node server.js）。
- 验收：node --check server.js 语法通过；本地启动后手机与电脑同时访问同一地址，任一设备修改数据，另一设备刷新后数据一致；8 个模块均能渲染不报错；删除操作二次确认。四、部署到云服务器（约 30 分钟）
两个文件生成好了，还得让它们”住”到一台云服务器上。下面按萤光云走一遍。
第 1 步：买一台服务器
个人用选最低配置的体验型就够：1核2GB，官网价 ¥49/月，8折后只要 ¥39.2/月，跑个人版 Node.js 和 SQLite 完全够用。国内访问建议选香港 CN2 节点——双向 BGP 回国优化线路，手机 4G/5G 下打开也流畅，还免备案。下单后大约 2 分钟交付，首次订单有 5 天无理由退款，可以先买来试。可在萤光云 VPS 地域与配置页查看实时套餐，具体价格以官网实时页面为准，注册入口在萤光云控制台。
第 2 步：装宝塔面板和 Node.js
创建主机时可以直接选萤光云宝塔面板镜像，开机就有面板，省去手动安装。进入面板后在软件商店安装 Node.js 18+ 和 PM2。
第 3 步：上传代码并启动
宝塔「文件」里新建站点目录，把 index.html、server.js 传上去，然后终端执行：
cd /www/wwwroot/你的域名
npm install
pm2 start server.jspm2 是进程守护工具，服务器重启后服务会自动拉起，不用手动管，工作台才算真正 7×24 在线。
第 4 步：绑定域名和 HTTPS
宝塔「网站」添加站点、绑定域名，Nginx 反向代理指向 3000 端口，再开 Let’s Encrypt 免费证书。证书会自动续期，配一次就不用管了。
第 5 步：验证同步
电脑浏览器打开域名，新增一条待办，看到”已保存”；再用手机打开同一个地址——数据已经在里面了。以后在办公室录成绩，回家用手机也能看。
五、常见问题
| 问题 | 原因 | 解决 |
|---|---|---|
| 手机打开提示”无法连接服务器” | 80/443 端口没放行 | 检查服务器防火墙和安全组，放行 80/443 |
| 改了数据，另一台设备看不到 | 前端保存失败被忽略了 | 等界面提示”已保存”再关页面；失败就重试 |
| 想给同事一起用 | 现在没有登录鉴权 | 在 Prompt 里加用户名密码登录 |
| 多人同时编辑互相覆盖 | 当前设计是”后写覆盖” | 个人用没问题；多人用就按模块拆分保存，或升级合并逻辑 |
六、换个岗位，这套模板照样能用
这篇的 Prompt 结构，把”业务模块”换掉就是另一个职业的工作台：
- 幼师：班级管理 + 政策查询 + 节气活动
- 销售：客户跟进 + 拜访提醒 + 话术库
- 会计：报税日历 + 发票台账 + 财税政策
生成 Prompt 的核心公式就一句话：告诉 AI 你是谁、你的工作是什么、你的数据要存哪里。工作台形态由 WorkBuddy 完成，数据上云由服务器完成，各司其职。
