7-Day Plan: full-stack-fastapi-template
原项目:
- https://github.com/fastapi/full-stack-fastapi-template
目标:
- 用 7 天建立你对全栈 Web 应用的最小直觉
- 不只会启动项目,还能加一个很小的真实功能
Day 1: 跑通全栈环境
今天只做一件事:
- 把前端、后端、数据库都跑起来
完成标准:
- 你能看到前端页面
- 你能打开 FastAPI docs
- 你知道数据库服务也在运行
Day 2: 认目录,不乱看
今天目标:
- 只认核心目录结构
至少标出来:
- 后端入口
- API routes
- models / schemas
- 前端 pages / components
- 前端 API 调用层
完成标准:
- 你能画出项目目录图
Day 3: 跟一条 API 请求
今天目标:
- 从前端操作跟踪一条真实请求
记录:
- 请求从哪个页面发出
- 后端哪个 route 接收
- 哪个数据库操作被调用
- 响应怎么回到 UI
完成标准:
- 你能口头讲清一条请求链路
Day 4: 看认证
今天目标:
- 搞清登录态怎么工作
你要回答:
- 登录请求发到哪里
- 认证信息存在哪里
- 后端怎么知道当前用户是谁
完成标准:
- 你能解释认证链路
Day 5: 加一个小字段
今天目标:
- 对已有资源加一个很小的字段
例如:
- note 的
summary - task 的
priority - item 的
tag
完成标准:
- 后端能处理这个字段
- 数据库能保存这个字段
Day 6: 把新字段连到前端
今天目标:
- 让前端页面能新增或展示这个字段
完成标准:
- 你能在 UI 上看到 Day 5 的改动
Day 7: 做一次自己的复盘
今天目标:
- 不看代码,自己讲清完整链路
至少回答这四个问题:
- 前后端请求是怎么流动的
- 数据库在这个系统里的位置是什么
- 认证层起什么作用
- 如果自己做一个小产品,你会保留哪些层
完成标准:
- 写一页自己的总结
这一周结束后你应该会什么
- 知道一个真实全栈项目最小结构
- 知道前后端和数据库如何联动
- 做过一次从后端到前端的最小改动
如果这些都没做到,就不要急着换第二个项目。