小白用 AI 编程，你只需要搞懂这五个概念

最近越来越多圈友开始用 AI 编程工具做自己的小工具、小网站。但很多人卡在同一个地方：AI 问你要用前端什么框架、数据库用哪个、部署到哪，你完全不知道它在说什么，也不知道该怎么回答。

其实你不需要学会这些技术。你只需要知道它们大致是干什么的，知道什么场景该选什么方案，剩下的交给 AI 干。今天这篇日课，我就用最直白的方式，把这五个概念一次讲清楚。

前端：用户能看到和摸到的部分

你打开任何一个网站或者 App，看到的界面、点的按钮、输入文字的表单、弹出的提示框，这些都是前端。

在 AI 编程里，你不需要知道前端怎么「写」出来的。你只需要知道两件事：第一，当 AI 问你「要不要做一个前端页面」的时候，你说要，它就会给你生成一个你可以直接看到的界面。第二，如果你觉得颜色不好看、按钮位置不对、字体太小，你直接告诉 AI 就行，「把按钮往左边挪一点」「整个页面的背景换成浅灰色」，它会自己改好。

我举个例子。有个做保险经纪的圈友，手里管着几十个客户，每个人的保单到期时间、缴费金额、联系方式都不一样。市面上的 CRM 要么太贵，要么太复杂，要么跟他的工作流对不上。他以前用 Excel 记，但经常翻半天找不到一个客户的信息。

后来他用 AI 编程做了个「客户保单管理页面」。前端就是一个网页，上面有搜索框、客户列表、保单到期提醒。他不用懂代码，就告诉 AI：「帮我做一个客户管理页面，上面能搜索客户名字，下面用表格显示客户信息，到期时间少于 30 天的用红色标出来」。

AI 给他生成了一版。他看了之后说「搜索框太小了，客户列表字太小，加一个按到期时间排序的按钮」。AI 又改了。前后不到一小时，一个完全按他自己需求定制的工具就有了。

这就是前端在 AI 编程里的真实用法：你描述你要什么界面，AI 做出来，你看了再调。

后端：用户看不到、但让一切运转起来的部分

你填了一个表单点提交，数据存到了哪里？你搜一个客户名字，系统怎么找到的？这些「幕后工作」就是后端干的。

在 AI 编程里，后端的作用就是处理数据。存数据、查数据、算数据、删数据。你不需要知道后端怎么实现的，但你要知道什么时候需要后端。

简单说：如果你的工具只是展示一些固定内容，比如一个产品介绍页面、一个个人简介页，那不需要后端。但如果你的工具需要「记住」什么东西——用户填的资料、生成的记录、上传的文件——那就需要后端。

继续用刚才保险经纪的例子。

那个客户管理页面，如果只是展示数据，每次打开都得手动输入，那就没什么意义。真正让它有用的，是当他在搜索框里输入客户名字点搜索，系统能去后端把数据找出来，显示在前端页面上。当他新增一个客户，填完信息点保存，数据能存到后端，下次打开还在。

他告诉 AI：「我需要一个后端，能保存客户信息，能按名字搜索，能按到期时间排序。」AI 自动帮他搭好了后端。他不知道后端是怎么搭的，也不需要知道。他只知道：现在数据能存住、能搜到、能排序了。

服务器：让你的工具「活」在互联网上

你让 AI 在你电脑上做了一个工具，你自己用没问题。但如果你想让你同事也能用、让你客户也能查自己的保单信息，怎么办？

这时候就需要服务器。服务器可以理解成「一台永远不关机、连在互联网上的电脑」。你把 AI 帮你做好的前端和后端放到服务器上，别人就能通过网址访问了。

最简单的方式是不直接接触服务器，而是使用所谓“Serverless”（无服务器）技术。这并不是真的不需要服务器，而是说服务器被自动管理了，你接触不到。你只需要告诉 AI：「帮我使用 Serverless 技术把这个项目部署好，让别人也能访问。使用 XX 平台。」XX 可以是 CloudStudio、Vercel、Railway 这些平台。你选一个，AI 帮你搞定。当然需要注意的是，这些平台只在除了中国大陆地区之外的全球任何地方有效。且在中国大陆地区你需要自行完成包括备案在内的工作。