从一个网页，到一个应用

上一篇你做出了自己的第一个网页，它能看、能点。但如果你试着把它"用起来"，很快就会撞墙。

这篇我们就来看看：一个"网页"和一个真正的"应用"之间，到底差了什么？ 看完你就明白，为什么后面要学那么多东西。

试试给你的名片页提几个需求

拿着上一篇那个名片页，试着回答下面这些问题——你会发现问题一个都解决不了：

你想要的	名片页能做到吗	为什么
让访客给我留言，我能看到	❌ 做不到	留言存哪？网页没有"存东西"的能力
换台电脑，别人也能访问	❌ 做不到	文件只在你自己电脑上，没挂到公网
访客登录后才能看联系方式	❌ 做不到	谁是访客？网页分不清谁是谁
我改名字，不用改代码	❌ 做不到	名字写死在代码里，没有"后台"可改

发现了吗？你现在做的是"网页"，不是"应用"。 网页是静态的、孤立的、短暂的；应用是动态的、共享的、持久的。

缺的三块拼图

要解决上面这些问题，你需要补三块东西，正好对应"后端、数据库、部署"：

拼图一：后端——让网页"会思考"

现在你的网页是死的：内容写死在代码里，所有人看到一样的画面。

后端（Backend）是一段运行在服务器上的程序，它能：

• 接收网页发来的请求（"有人想留言"）
• 做处理（"存下这条留言"）
• 返回结果（"存好了"）

有了后端，网页就从"展示牌"变成了"能办事的窗口"。

拼图二：数据库——让信息"留得住"

留言要保存、用户信息要记录、文章内容要存储——这些都需要一个专门存数据的地方，这就是数据库（Database）。

数据库就像一个超大的、有规则的 Excel：

• 每类数据是一张"表"（用户表、留言表、文章表）
• 每条记录是表里的一"行"
• 后端程序负责往里读、写数据

拼图三：部署——让所有人"能访问"

你的网页现在只活在你电脑上。要让它任何人都能访问，需要：

• 一台24 小时开机的服务器（云服务器）
• 一个好记的地址（域名，比如 ai.aimaji.top）
• 一套把代码送上去并跑起来的流程（部署）

完整的画面

把这三块拼上，你做的东西就长这样：

访客的浏览器（前端）
      ↕  请求/响应
   服务器上的程序（后端）
      ↕  读写
     数据库（存数据）

   ↑ 整套都跑在"云服务器"上，通过"域名"被全世界访问

• 前端负责"展示和交互"
• 后端负责"处理业务"
• 数据库负责"保存数据"
• 服务器+域名+部署负责"让所有人能用"

这就是一个完整的 Web 应用。这门课的目标，就是带你把这四块全部打通。

好消息：AI 照样能帮你

到这里你可能会想：这么多东西，我一个前端都不熟的人，能学会吗？

答案是——和做名片页一样，你照样可以让 AI 帮你做。

• 不会写后端接口？描述需求给 AI，它帮你生成
• 不会设计数据库？告诉 AI 你要存什么，它帮你设计表结构
• 不会配服务器？把报错丢给 AI，它一步步教你

你要做的，始终是"想清楚要什么"和"看懂结果对不对"。 复杂的实现细节，AI 替你扛。这也是为什么下一章我们要专门讲 AI Agent——它会是你贯穿全课的"编程搭档"。

本篇小结

• 一个"网页"做不到：存数据、被多人访问、识别用户、动态修改
• 补齐"后端 + 数据库 + 部署"三块，网页就升级成"应用"
• 完整应用 = 前端 + 后端 + 数据库 + 服务器/域名/部署
• 这一切，AI Agent 都能辅助你完成

下一篇，我会把整门课的学习路线给你讲清楚——每一章学什么、学完能做到什么，让你心里有张完整的地图。