1

所谓的前后端分离

渊源

  • 前端发展史

特点

  • 前端:负责 View 和 Controller 层
  • 后端:只负责 Model 层,业务处理/数据等

优缺点

  • 优点:解耦,解放前端,职责明确
  • 缺点:不利 seo 优化

Restful 风格的 API 应该是前后端分离的最佳实践

图片描述

前后端设计

前端:Node.js 系

代表:AngularJS,react,vue
图片描述

Vue

技术点

  • 指令
  • 组件
  • 生命周期
  • 前端路由
  • Vuex
  • ES6 语法
  • npm & webpack

后端:Restful Api

一种接口风格,全称表述性状态转移,并无强制

Representational State Transfer()

统一资源接口对 URI 的意义?

统一资源接口要求使用标准的 HTTP 方法对资源进行操作,所以 URI 只应该来表示资源的名称,而不应该包括资源的操作。

(理解这个统一)

标准的

图片描述

不符规范的 (资源没有统一)
图片描述

实践

一个例子

  • 《图书管理系统》

技术栈

  • 前端:Vue
  • 后端:Django REST framework

要点

  • Token 验证
  • 前端路由
  • 统一的 http 请求响应拦截处理
  • Restful API
  • 权限控制(表级 & 对象级)

如下图:
图片描述
图片描述

最后,是否要做前后端分离的开发模式,取决于实际情况的多方位考量,适合的才是更好的。
具体详情内容


雪糕
51 声望6 粉丝