【译】类比餐厅桌前就餐来解释前端和后端

【译】类比餐厅桌前就餐来解释前端和后端

如果你曾去过坐式餐厅，那么你就能理解web开发中前端和后端的区别。

在开始学习web开发，你会遇到一系列使你迷迷糊糊的概念。

数据库？服务器？客户端？服务端？AJAX？

幸运的是，你只需要了解​​HTML和CSS​​就可以去创建你的第一个站点了，它可以在你本地电脑上运行起来。但是，如果你想让你的站点能在线上运行起来，你需要了解下前端和后端的概念。

这里有个一般的想法：类比餐厅里面的服务员和厨房员工，前端和后端在你的站点上也是分工合作。在它们擅长的领域为站点服务。

对厨房员工来说，这意味着高效地制作出美味的食物。而服务员是与客户合作并创造良好客户体验方面的专家。

在web开发中，前端有时被称为客户端，而后端有时被称为服务端。

以下是不同技术在web应用程序的前端和后端中扮演的角色。为了能理解这篇教程，你需要掌握基本的​​HTML和CSS​​知识。

介绍前端

我们先来介绍下前端。前端代码创建用户界面，这是web访问者与代码交互的组织方式。在我们的举例中，类似餐厅的餐桌，这是个提供顾客和服务员可控交流的地方。所以，想象一下，网站就好比餐桌，比如​​或者 菜单和服务员）两方面。当用户访问你的站点时，他们是带有目的的。你的代码必须帮助他们来达成目标。

用户能够很快的浏览并知道提供了什么（HTML/CSS）用户能够很快的找到更多的帮助他们下决心的资源（Interactivity/JavaScript）用户能够采取措施去接近自己的目标（User Request/ JavaScript）

介绍后端

你是否进过餐厅的厨房？至少可以说，那是个高压的地方。它与客户看到的环境完全不同。你甚至可以说，服务员和菜单提供了发生在厨房的事件的友好、完美的呈现（场景），而厨房（对客户来说）并没有呈现什么制作过程。

这好比web应用程序中的后端，或者运行在服务端的代码。类似厨房，服务器位于与用户界面不同的位置。它是使用不同语言进行交流的。

由于服务器实际上是远程的计算机,因此它比任何给定的计算机上面的浏览器具有更多的计算能力。就像厨房的员工，重点在于效率和生产力。

想象一下复杂的餐厅厨房。它必须在正确的时间和正确的位置将食材准备好。厨房的员工必须知道在特定的时间做他们的工作。他们必须重复地生产同等质量饭菜。相似的，服务器必须组织web应用程序中的数据，以便在适当的时候发送正确的内容。

服务器必须在接收到请求的时候，发送响应。

在餐厅的场景中，响应可能是下面几种：

佳肴厨房对您要吃的饭制作材料已被用光的反馈服务员并未对问题的跟进

不管是什么，回应是通过服务员传达给客户的。在web中，那就是Javascript代码了。

比较流行的后端语言和框架包括​​Ruby, Ruby on Rail, node.js, PHP​​和其他。

为什么我们需要前端和后端

一个比较实际的原因是，我们必须在客户端和服务端运行不同的代码。全部的现代浏览器只能理解​​HTML, CSS 和 JavaScript​​。所以，这是我们不能在浏览器上使用服务端语言的一个简单原因。

另一个原因是，我们允许每边都专注在他们擅长的地方去迎接挑战。你能想象下，如果厨师去当服务员，那将给客户的用户体验带来多大灾难。所以，我们很幸运，我们有一方专门从事用户界面，另一方专门研究服务器方面的挑战。

纯前端网站

想象一下，你拥有一家不在网上销售任何东西的企业。假设你拥有一家当地的花店。

在那种情景下，你不需要后端，因为那场景不复杂。你只需要前端，也许是一个表格，可以将任何查询指向你的电子邮箱。

换言之，一些网站只是用于浏览和采取某种浏览器不需要处理的行为。你不需要为每个类型的网站编写后端。你可以使用Github Pages将你的纯前端网站放到网上。

后话

翻译原文​​Front End v. Back End Explained by Waiting Tables At A Restaurant​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。