主题
第 8 部分 · 前后端联调与测试
前后端都写完了(Vue/React + Spring Boot + MySQL),本部分把它们串起来:定义接口文档、联调、写测试、排坑。
本部分你会学到
| 章节 | 内容 | 产出 |
|---|---|---|
| 接口联调流程 | 联调前准备、CORS、字段对齐 | 前端跑通后端接口 |
| Knife4j 接口文档 | 自动生成可调试的接口文档 | 团队协作契约 |
| 单元测试 | JUnit 5 + Mockito | Service 层测试 |
| 集成测试与问题排查 | 全链路测试、抓包、日志排错 | 稳定的商城 |
联调的目标
浏览器(Vue/React) ──HTTP──> Nginx/Vite代理 ──> Spring Boot ──> MySQL
↑ │
└─────────────── 返回数据并渲染页面 ←───────────────┘验收标准:注册 → 登录 → 看商品 → 加购 → 下单 → 看订单,全流程在浏览器里跑通,两端和数据库数据一致。
联调铁律
聚焦"契约":前端要的是什么字段/格式,后端给的就是什么。对不上时,先看接口文档再对代码,不要各改各的。