摩登娱乐平台-唯一首页上一个模块中，我们分别从建表误区、建表原则、举例分析这三方面进行了体育赛事比分网站的建表优化设计。在本模块中，我们将从前后端分离这一方面进行如下两个模块的介绍。

　　在以前传统的网站开发中，前端的工作一般是将 UI 设计师提供的原型图实现成静态的 HTML 页面，而具体的页面交互逻辑，比如后台的数据交互等，都是交由后端进行实现。

　　前后端分离这个概念出现之后，很多人误以为其只是一种 web 应用开发模式，只要将前后端的开发工作进行分工就是前后端分离。其实不然，前后端分离不仅是开发模式，而是 web 应用的一种架构模式。

　　一般传统的交互形式为 MVC 设计模式，全名为 Model-View-Controller，即模型 - 视图 - 控制器。其中模型和视图需要通过控制器来进行粘合。例如：用户发送一个 HTTP 请求，请求首先进入控制器，然后控制器去获取数据并封装为模型，最后将模型传递到视图中进行展现。MVC 的交互流程如下：

　　而前后端分离架构中，后端只需要按照约定的数据格式提供可调用的 Restful API，前端通过发送 HTTP 请求调用 Restful API 获取数据，进行页面组装和渲染，最终返回给路由器。其交互流程如下：

　　传统的 MVC 架构，整体没有进行前后端分离。即前端人员仅提供 html 页面，完成页面设计并转化为模板，接着交由后端进行集成对接。大致流程如下：

　　实现前后端分离架构之后，前端只需要编写 html 交互页面，然后通过 HTTP 请求调用后端提供的 Restful API 获取数据即可。而后端只要专注于设计 Restful API。大致流程如下：

　　通过理解传统 MVC 和前后端分离在交互形式与开发模式上的差别，我们可以知道，前后端分离的不仅是前后端的工作，还实现了前后端的并行开发，简化开发流程。

　　项目设计阶段，前后端架构负责人对项目进行整体分析，讨论并确定 API 风格、职责分配、人员配备。设计确定后，前后端共同制定开发接口；

　　项目开发阶段，前后端并行开发，后端提供 Reatful API，并给出文档。前端通过发送请求（GET，POST，PUT，DELETE等）调用 Reatful API 获取数据（json，xml）后进页面渲染。

　　项目测试阶段，API 完成之前，前端可以通过 mock server 进行数据的模拟，后端可以采用 junit 进行 API 单元测试，不用互相等待。API 完成之后即可开始对接测试。如果有新接口的需求则在开发中灵活调整。

　　在本模块中，我们介绍了前后端分离的一些概念以及如何进行前后端分离。在下一模块中，我们将会在前后端分离的背景下，介绍如何进行网站的部署，敬请期待！