前端与后端:餐厅里的两个班底
概念 101 之一:为什么有的页面双击就能开,有的要「提交到服务器」?用一家餐厅讲清前端与后端各管什么。
项目库里你做的页面,双击 HTML 文件就能打开,不需要联网;但你听说过的「真网站」都有账号、要登录、数据不会丢。差别不在页面本身,而在页面后面有没有一间厨房。
前端:餐桌和菜单
前端就是用户能直接看到、点到的那部分——页面长什么样、按钮在哪、点一下展开什么菜单。
类比:前端是餐厅的用餐区。桌椅怎么摆、菜单印成什么样、灯打多亮,全是用餐区的事。你在项目库做的六个页面,全部是用餐区。
对应的技术就是你已经认识的HTML、CSS 和一点让页面动起来的 JavaScript。
后端:厨房
后端是用户看不见的部分:接收点单、决定这单能不能做、把数据记账。
类比:后端是厨房。你在报名表单页点「提交报名」,表单把信息递进厨房,厨房检查、登记、回一句话——「登记好了」或「手机号不对」。
厨房还管着账本(数据库):谁的报名、哪天记的积分,都记在那里,才能做到「换台电脑也查得到」。
为什么项目库的页面没有后端也能做
因为它们暂时不需要记账。倒计时、个人主页、展示型页面,所有信息都写在页面文件里,不存在「要记住」的东西。
一旦你提出这类需求——「别人填的表单我要能收到」「换个设备也能看到我的积分」——就需要一间厨房了。这正是简易记账页的 localStorage 只能做一半的原因(详见数据存在哪)。