前后端分离概念

前后端分离

• 将一个应用的前端代码和后端代码分开写；
• 前端只需要独立编写客户端代码，后端只需要独立编写服务端代码提供数据接口；
• 前端通过Ajax请求来访问后端的数据接口，将Model展示到View中；
• 前后端开发者，只需要提前约定好接口文档（URL、参数、数据类型...），然后分别独立开发，前端可以造假数据进行测试，完全不依赖于后端，最后完成前与后端集成即可；实现了前后端应用的解耦合，极大的提升了开发效率；
• 单体：前端应用+后端应用，前端写HTML，通过Ajax请求后端RESTful数据接口；
  • 前端应用：负责数据展示，用户交互；
  • 后端应用：负责提供数据处理接口；

 

不使用前后端分离的方式，会有哪些问题？

• 传统的Java Web开发中，前端使用JSP开发，JSP不是由后端开发者独立完成的；
• 前端开发写HTML静态页面，后端开发写JSP，这种开发方式效率极低；

 

传统的单体应用：

 

前后端分离的结构：

前后端分离，就是将一个单体应用拆分成两个独立的应用，前端应用和后端应用，以Json格式进行数据交互；

 

实现技术：Spring Boot + Vue

使用Spring Boot进行后端应用开发，使用Vue进行前端应用开发