前后端分离

前言

• 随着不同终端 (Pad / Mobile / PC) 的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的终端开发定制的版本。

• 为了提升开发效率，前后端分离的需求越来越被重视，后端负责业务/数据接口，前端负责展现/交互逻辑，同一份数据接口，我们可以定制开发多个版本。

• 前后端分离的思考与实践

• 前后端分离 快速入门

1、前后端分离

• 前后端分离

  • HTML 页面的内容可以简单看成包含数据部分和不包含数据部分。
  • 所以先准备一个不包含数据的 HTML，把它传给浏览器，这个速度本身会非常快，因为没有最占时间的数据库操作部分。
  • 然后再通过 Ajax 技术，仅仅从服务器获取 “纯数据”，然后把纯数据显示在 HTML 上。

• 非前后端分离

  • 在传统的做法里，比如 Servlet，Spring MVC，Struts，Tomcat 都会在后台运行 Java 代码。
  • 然后在后台生成全部的 HTML 代码。
  • 接着通过 HTTP 协议把 HTML 代码传输到浏览器。

2、前端

• 前端部分需要掌握：Ajax 和 JSON。

前端部分知识	介绍
Ajax	分 原生 Ajax 和 jQuery 中的 Ajax 两种
JSON	JSON 是数据传输格式

3、后端

• 前后端交互有 3 种实现：J2EE, SSM 和 Spring Boot。

前后交互方式	介绍
J2EE 方式	指通过 Servlet 来做服务端
SSM 方式	指通过 Spring MVC 来做服务端
Spring Boot 方式	本质上也是通过 Spring MVC 来做服务端