① 总体架构:为什么是「分离」
前端是发出去的静态文件,后端是只回 JSON 的服务。两者唯一的约定就是 /api 接口——所以可以分开开发、分开部署、分开换。
② 一次请求的完整链路
以「点赞」为例:从点击按钮到数据库落账,一共七站。讲联调、排错时对着这张图找「卡在哪一站」。
③ JWT 登录鉴权时序
token 怎么发、怎么存、怎么带、怎么验、过期了怎么办——一张时序图讲完。
④ 数据库 ER 图
7 张表、外键与一对多关系。对应 pyweb/sql/hiwen.sql。
⑤ 开发十步路线图
三条泳道 = 图纸 / 后端 / 前端。注意联调(⑨)为什么排在页面完成之后、部署之前。
⑥ 部署拓扑
nginx 是唯一对外的门,四个内部服务各司其职。对应一键部署 [1] 的完整链路。