Day2 · ☁️ 模块 14

云端化与一本账

经历 HTML、localStorage 和同桌共享的边界,再把真值迁移到 Cloudflare D1。

边界需联网

Step 1 撞墙 A:Excel 死了 · HTML 活着

完成“Step 1 撞墙 A:Excel 死了 · HTML 活着”,并观察它对“云端化与一本账”能力的作用。

约 10 分钟
复制给 AI

完成标志

感受一遍"两个家"的痛:AI 照做。学员松了口气——讲师立刻追问:"老板以后每周都加几个呢?你每次都回来手工加?xlsx 那边怎么办?"

人工边界

只使用交付包内的课堂模拟数据;不得替换为真实客户隐私。涉及账号、密码、部署、发布、外发或第三方提交时,停在最终动作前等待人工确认。

走查记录Step 1 撞墙 A:Excel 死了 · HTML 活着Day2 · 边界 · 预估 10 分钟
边界需联网

Step 2 撞墙 B:刷新就丢了

完成“Step 2 撞墙 B:刷新就丢了”,并观察它对“云端化与一本账”能力的作用。

约 5 分钟
操作步骤
  1. 在 dashboard 中新增两个测试客户。
  2. 刷新页面,检查刚新增的两个客户是否仍然存在。
完成标志

已完成“Step 2 撞墙 B:刷新就丢了”中的观察或讨论,并能复述该步骤得到的结论。

人工边界

只使用交付包内的课堂模拟数据;不得替换为真实客户隐私。涉及账号、密码、部署、发布、外发或第三方提交时,停在最终动作前等待人工确认。

走查记录Step 2 撞墙 B:刷新就丢了Day2 · 边界 · 预估 5 分钟
主线需联网

Step 3 第一层答案 · localStorage

完成“Step 3 第一层答案 · localStorage”,并观察它对“云端化与一本账”能力的作用。

约 10 分钟
复制给 AI

完成标志

localStorage 存下来:刷新数据保留 · 关闭浏览器重开也在 · 硬编码数据只作为首次启动的种子

人工边界

只使用交付包内的课堂模拟数据;不得替换为真实客户隐私。涉及账号、密码、部署、发布、外发或第三方提交时,停在最终动作前等待人工确认。

走查记录Step 3 第一层答案 · localStorageDay2 · 主线 · 预估 10 分钟
边界需联网

Step 4 撞墙 C:同桌打不开

完成“Step 4 撞墙 C:同桌打不开”,并观察它对“云端化与一本账”能力的作用。

约 10 分钟
操作步骤
  1. 把当前页面 URL 发给同桌,让对方打开。
  2. 对比双方看到的数据,确认对方无法读取你浏览器中的 localStorage 数据。
  3. 记录 localStorage 能解决持久化,但不能解决共享、同步和单一事实来源。
完成标志

已完成“Step 4 撞墙 C:同桌打不开”中的观察或讨论,并能复述该步骤得到的结论。

人工边界

只使用交付包内的课堂模拟数据;不得替换为真实客户隐私。涉及账号、密码、部署、发布、外发或第三方提交时,停在最终动作前等待人工确认。

走查记录Step 4 撞墙 C:同桌打不开Day2 · 边界 · 预估 10 分钟
主线需联网

Step 5 真云端 · Cloudflare D1

完成“Step 5 真云端 · Cloudflare D1”,并观察它对“云端化与一本账”能力的作用。

约 20 分钟
复制给 AI

完成标志

建 D1 数据库:D1 数据库创建成功 · 表 schema 建立;迁数据进 D1:所有客户已入库 · D1 可查;改 dashboard 读写 D1:多台电脑访问同一 URL,数据一致

人工边界

只使用交付包内的课堂模拟数据;不得替换为真实客户隐私。涉及账号、密码、部署、发布、外发或第三方提交时,停在最终动作前等待人工确认。

走查记录Step 5 真云端 · Cloudflare D1Day2 · 主线 · 预估 20 分钟
边界需联网

Step 6 ⚡ Aha:一本账落地 · 云端化四属性点名

完成“Step 6 ⚡ Aha:一本账落地 · 云端化四属性点名”,并观察它对“云端化与一本账”能力的作用。

约 5 分钟
操作步骤
  1. 让同桌打开同一个线上链接,确认双方看到相同的数据。
  2. 对比 xlsx、HTML 硬编码、浏览器内存、localStorage 和 D1 五种存储位置。
  3. 核对 D1 是否同时满足持久化、单一事实来源、同步和共享。
完成标志

已完成“Step 6 ⚡ Aha:一本账落地 · 云端化四属性点名”中的观察或讨论,并能复述该步骤得到的结论。

人工边界

只使用交付包内的课堂模拟数据;不得替换为真实客户隐私。涉及账号、密码、部署、发布、外发或第三方提交时,停在最终动作前等待人工确认。

走查记录Step 6 ⚡ Aha:一本账落地 · 云端化四属性点名Day2 · 边界 · 预估 5 分钟