别把 admin 想得太神秘

很多人一听"管理后台"就觉得是巨型工程——要数据库、要鉴权、要权限系统、要后端 API。

这是想多了。

对你这个阶段——做个人产品 / 练手 / 演示用——admin 就是一个网页，里面有 4 块东西：

1. 列表（List）

一个表格，列出所有已有记录。比如咖啡店的产品 admin 里这个表格长这样：

2. 表单（Form）

一个能填字段、点保存的弹窗（或单独页面）。点"新增"打开空的，点"编辑"打开带当前值的。

3. 按钮（Actions）

3 个核心按钮：新增（在表格上方）、编辑（每行右边）、删除（每行右边，要二次确认）。

4. 数据池（Storage）

东西存哪。三档选择：

• 最简单：localStorage（浏览器自带，零成本，但只你这台电脑这个浏览器看到）
• 中档：Google Sheets / Airtable（不用搭后端，数据云端）
• 完整：Supabase / Firebase（真后端数据库，多设备同步、带鉴权）

这节 Lab 我们用最简单的 localStorage——目的是让你看清 admin 的本质，不被"后端"两个字吓住。

这套模式能套到任何业务

咖啡店换成宠物用品代购、FAQ 管理、客户名单或博客文章，列表、筛选、表单和权限等基础结构可以复用；字段规则、审批流程和数据权限仍要按业务重新设计。

这就是为什么我们说"学一个 admin = 学所有 admin"。

一句话总结

Admin = 表单 + 列表 + 按钮 + 数据池。

>

你下次再听到"管理后台"四个字，脑子里立刻应该浮现这 4 块。