Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

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: 做一次自己的复盘

今天目标:

  • 不看代码,自己讲清完整链路

至少回答这四个问题:

  1. 前后端请求是怎么流动的
  2. 数据库在这个系统里的位置是什么
  3. 认证层起什么作用
  4. 如果自己做一个小产品,你会保留哪些层

完成标准:

  • 写一页自己的总结

这一周结束后你应该会什么

  • 知道一个真实全栈项目最小结构
  • 知道前后端和数据库如何联动
  • 做过一次从后端到前端的最小改动

如果这些都没做到,就不要急着换第二个项目。