第 10 课：理解技术基础

第三章：产品开发协作 | 第 10 课

课前思考

作为 PM，你不需要会写代码。但如果你连「前端和后端有什么区别」「API 是什么」「数据库是干嘛的」都说不清楚，你就无法有效地和开发团队协作，也无法写出 AI 能精准执行的需求文档。

---

一、前端 vs 后端：最基本的分工

前端：用户看到的和摸到的

网页上的按钮、输入框、列表、动画。运行在浏览器里（用户的设备上）。核心技术：HTML（结构）、CSS（样式）、JavaScript（交互）。

后端：用户看不到的逻辑

用户登录验证、数据存储和处理、业务规则。运行在服务器上（云端）。核心技术：Node.js、Python、Java、Go 等。

一个比喻

你点外卖的时候——前端是 App 界面（菜单、购物车、下单按钮），后端是厨房和后台系统（接单、做菜、派送）。

---

二、API：前后端的接头暗号

API 是前端和后端之间的通信方式。

前端：「我要查用户 123 的订单」→  GET /api/users/123/orders
后端：「这是他的订单：{订单1, 订单2, 订单3}」→  返回 JSON 数据

操作	HTTP 方法	示例
查询	GET	GET /api/products
创建	POST	POST /api/orders
更新	PUT	PUT /api/users/123
删除	DELETE	DELETE /api/posts/456

---

三、数据库：信息存在哪里

• 关系型数据库（MySQL、PostgreSQL）：数据存在表格里，有严格的结构——适合订单、用户信息等
• 非关系型数据库（MongoDB、Redis）：数据更灵活——适合日志、缓存、非结构化内容

---

四、服务器与部署

开发的时候，代码在你的电脑上跑。用户要用，就得把代码放到一个 24 小时在线的服务器上。这个过程叫「部署」。常见平台：Vercel（前端）、Railway / Zeabur（后端+数据库）。

---

五、PM 需要记住的技术关键词

术语	一句话解释
前端	用户看到的界面
后端	服务器上的处理逻辑
API	前后端通信的接口
数据库	存储数据的地方
部署	把代码放到服务器上
域名	网站的地址（如 example.com）
HTTPS	加密的安全连接

---

课后练习

1. 打开一个你常用的 App，分辨哪些是前端做的事，哪些需要后端支持
2. 给你最近做的项目画一张最简单的技术架构图——前端、后端、数据库分别在哪里