ZJY365 实战

前端与后端:餐厅里的两个班底

概念 101 之一:为什么有的页面双击就能开,有的要「提交到服务器」?用一家餐厅讲清前端与后端各管什么。

项目库里你做的页面,双击 HTML 文件就能打开,不需要联网;但你听说过的「真网站」都有账号、要登录、数据不会丢。差别不在页面本身,而在页面后面有没有一间厨房

前端:餐桌和菜单

前端就是用户能直接看到、点到的那部分——页面长什么样、按钮在哪、点一下展开什么菜单。

类比:前端是餐厅的用餐区。桌椅怎么摆、菜单印成什么样、灯打多亮,全是用餐区的事。你在项目库做的六个页面,全部是用餐区。

对应的技术就是你已经认识的HTMLCSS 和一点让页面动起来的 JavaScript。

后端:厨房

后端是用户看不见的部分:接收点单、决定这单能不能做、把数据记账。

类比:后端是厨房。你在报名表单页点「提交报名」,表单把信息递进厨房,厨房检查、登记、回一句话——「登记好了」或「手机号不对」。

厨房还管着账本(数据库):谁的报名、哪天记的积分,都记在那里,才能做到「换台电脑也查得到」。

为什么项目库的页面没有后端也能做

因为它们暂时不需要记账。倒计时、个人主页、展示型页面,所有信息都写在页面文件里,不存在「要记住」的东西。

一旦你提出这类需求——「别人填的表单我要能收到」「换个设备也能看到我的积分」——就需要一间厨房了。这正是简易记账页的 localStorage 只能做一半的原因(详见数据存在哪)。

这对你意味着什么

  • 跟 AI 提需求时先分清:这是改「用餐区」(样式、布局、交互)还是加「厨房」(保存、账号、同步)?前者项目库的方法就够,后者需要额外的服务,成本完全不同。
  • 听到「全栈」别慌:意思是这个人的厨房和用餐区都能搭,不是多了一门玄学。
  • 下一步想接厨房:先读完数据存在哪什么是部署,你会知道需要准备什么。

← 术语卡:前端 · 术语卡:后端 →

On this page