上一个模块中，我们分别从建表误区、建表原则这2方面进行了体育赛事竞猜网站的建表优化设计。在本模块中，我们将从前后端分离这一方面进行如下两个模块的介绍。

5 前后端分离

5.1 认识前后端分离

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

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

• 开发阶段，前后端约定好数据交互接口，实现并行开发和测试；
• 运维阶段，对 web 应用进行前后端分离部署，前后端之间使用 HTTP 或者其他协议进行交互请求。

5.2 如何进行前后端分离

前后端分离模式大致如下：

• 项目设计阶段，前后端架构负责人对项目进行整体分析，讨论并确定 API 风格、职责分配、人员配备。设计确定后，前后端共同制定开发接口；
• 项目开发阶段，前后端并行开发，后端提供 Reatful API，并给出文档。前端通过发送请求（GET，POST，PUT，DELETE等）调用 Reatful API 获取数据（json，xml）后进页面渲染。
• 项目测试阶段，API 完成之前，前端可以通过 mock server 进行数据的模拟，后端可以采用 junit 进行 API 单元测试，不用互相等待。API 完成之后即可开始对接测试。如果有新接口的需求则在开发中灵活调整。

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