← 返回目录
4.18挑战⏱ 约 6 分钟

本级回顾:画出系统全景图

把所有概念串成"从点击到显示"的一条线

🔎 最后验证 2026-05📚 来源:通用计算机常识✅ 120 人学过👁 224 次阅读
为什么学这个

这一阶段你认识了一堆概念:代码、网页、客户端/服务器、HTTP、API、JSON、数据库、SQL、前后端、云、部署、DNS。现在把它们串成一条线——这条线就是几乎所有 Web 应用运转的全貌。串通了,你就真的"看懂软件世界"了。

💡 打个比方

就像学完人体各个器官后,最后要把它们连成"血液怎么循环"的整体图。零散的知识点,只有连成系统,才真正变成你的理解。

🗺️ 全景图:你点开一个网站、登录、看到内容,背后发生了什么

  1. 你输入域名 → DNS 把它翻译成服务器 IP
  2. 浏览器(客户端 / 前端)向该服务器发一个 HTTP 请求
  3. 服务器(后端)收到请求,处理逻辑(比如验证登录)
  4. 后端用 SQL数据库查/存数据
  5. 后端把结果打包成 JSON,作为 HTTP 响应 返回(带状态码)
  6. 前端(HTML/CSS/JS)收到 JSON,渲染成你看到的页面
  7. 整套应用跑在服务器上(通过部署上线)
🔗 连一连
给全景图里每个角色对上职责。
先点左边一项,再点它对应的右边。
❓ 测验
用户在网页点'登录',前端把账号密码发给后端验证。前后端之间传递这次请求,靠的是?
⚠️ 避坑你不需要精通每一块,但要有这张'地图'

这一阶段的目标不是让你会写后端、会调数据库,而是建立全局地图:听到任何一个词,知道它在系统的哪个位置、和谁打交道。有了地图,后面用 AI 做项目时,你才看得懂它在搭哪一块、改哪一层。

🤖 让 AI 检验你的全景理解
我刚学完'软件怎么运转'。请扮演面试官,让我用自己的话讲一遍'从输入网址到看到登录后的页面'的完整过程,我讲完后你指出我哪里讲漏了或讲错了。
✅ 小结

🎉 你完成了 P2!现在你脑子里有了一张完整的'软件世界地图'——这正是用 AI 做真实项目前的最后一块地基。下一阶段 P3,正式登场:Claude Code,你的 AI 结对程序员。

下一节 → P3:Claude Code 入门
智图软件的赞赏码
都看到这了,打个赏呗!
接下来 · 6.1
Claude Code 是什么
继续读下一节 →