浅谈解析前后端交互B/S

在开始这篇文章前，很多人可能分不清C/S结构和B/S结构的区别，可能你用了很久都不知道他们到底有什么关系，想要真正了解B/S结构，必不可少的要先讲到C/S架构。

那么第一个问题什么是c/s架构？

C/S架构是第一种比较早的软件架构，主要用于局域网内。也叫 客户机/服务器模式。 它可以分为客户机和服务器两层：第一层是在客户机系统上结合了界面显示与业务逻辑，第二层是通过网络结合了数据库服务器。简单的说就是第一层是用户表示层，第二层是数据库层。这里需要补充的是，客户端不仅仅是一些简单的操作，它也是会处理一些运算，业务逻辑的处理等。也就是说，客户端也做着一些本该由服务器来做的一些事情。C/S结构通常采取两层结构。服务器负责数据的管理，客户机负责完成与用户的交互任务。

那么b/s和它有什么关系呢？

我理解的它是C/S架构的一种改进，可以说属于三层C/S架构。主要是随着Internet和WWW的流行，以往的主机/终端和C/S都无法满足当前的全球网络开放、互连、信息随处可见和信息共享的新要求，于是就出现了B/S型模式，即浏览器/服务器结构。关于c/s的三层结构，可以看下图：

第一层是浏览器，即客户端，只有简单的输入输出功能，处理极少部分的事务逻辑。由于客户不需要安装客户端，只要有浏览器就能上网浏览，所以它面向的是大范围的用户，所以界面设计得比较简单，通用。
第二层是WEB服务器，扮演着信息传送的角色。当用户想要访问数据库时，就会首先向WEB服务器发送请求，WEB服务器统一请求后会向数据库服务器发送访问数据库的请求，这个请求是以SQL语句实现的。
第三层是数据库服务器，他扮演着重要的角色，因为它存放着大量的数据。当数据库服务器收到了WEB服务器的请求后，会对SQL语句进行处理，并将返回的结果发送给WEB服务器，接下来，WEB服务器将收到的数据结果转换为HTML文本形式发送给浏览器，也就是我们打开浏览器看到的界面。

关于b/s？

B/S架构的全称为Browser/Server，即浏览器/服务器结构。Browser指的是Web浏览器，极少数事务逻辑在前端实现，但主要事务逻辑在服务器端实现。B/S架构的系统无须特别安装，只有Web浏览器即可。 其实就是我们前端现在做的一些事情，大部分的逻辑交给后台来实现，我们前端大部分是做一些数据渲染，请求等比较少的逻辑。

和c/s相比那么他有什么有优点呢？

1、成本降低，选择性更多。客户端无需安装，有Web浏览器即可。
2、交互性较强，BS架构可以直接放在广域网上，通过一定的权限控制实现多客户访问的目的。
3、BS架构维护和升级方式简单。B/S架构的软件只需要管理服务器就行了，所有的客户端只是浏览器，根本不需要做任何的维护。可以随时更新版本，而无需用户重新下载啊什么的。

并不完美，B/S架构也有缺点

1、在跨浏览器上，BS架构不尽如人意。
2、表现达不到C/S程序的程度，功能弱化，性能相对较低。
3、在速度和安全性上需要花费巨大的设计成本，这是BS架构的最大问题。

这时我们再去看我们常用的B/S模式：

1、客户端向服务器发起Http请求
2、服务器中的web服务层能够处理Http请求
3、服务器中的应用层部分调用业务逻辑，调用业务逻辑上的方法
4、如果有必要，服务器会和数据库进行数据交换. 然后将模版＋数据渲染成最终的Html, 返送给客户端。

现阶段。前端正在迅猛发展，作为一个前端开人员，之前在学校的网络技术等知识在我看来也非常有必要重新回顾，不仅仅是更利于在工作中的理解，而且前端的发展必然是往全栈方向努力，那么这些知识对我们来时有一个清晰的了解也是很有必要的。