# 互联网产品到底由什么组成

> 用小白能理解的方式拆开网页、前端、后端、数据库、域名、服务器和支付。

- 阶段：零基础入门
- 难度：零基础
- 预计时间：90-120 分钟
- 完成本节后产出：完成一张互联网产品结构图，能说明用户点击按钮后页面、数据和后台各自发生什么。

## 思维导图

- 学习目标
  - 用小白能理解的方式拆开网页、前端、后端、数据库、域名、服务器和支付。
  - 完成一张互联网产品结构图，能说明用户点击按钮后页面、数据和后台各自发生什么。
  - 适合阶段：零基础入门
- 执行步骤
  - 先从用户视角写出一个产品动作：打开页面、填写表单、点击提交、收到结果。
  - 把动作拆成界面、交互、数据、存储、通知、支付和后台管理几个部分。
  - 理解前端负责“用户看到和操作的部分”，后端负责“规则、数据处理和权限”。
  - 理解数据库负责长期保存结构化信息，例如用户、项目、订单、文章和广告位。
- 交付物
  - 完成：前端
  - 完成：后端
  - 完成：数据库
  - 完成：域名
  - 完成：部署
- 常见坑
  - 把网站当成一张图片
  - 以为有 AI 就不需要理解基本结构
  - 分不清页面、数据和业务规则
  - 一开始就追求复杂架构

## 操作提醒

- 不要只阅读，至少完成一个可检查的产出。
- 把每一步的结果截图、链接或文字记录放进自己的知识库。
- 如果要让 AI 协助执行，先把本文件作为上下文给它。
- 做完后回到教程页面，对照“做到什么程度算完成”逐项检查。