一、所谓的前后端分离
1.渊源
前端发展史
2.特点
前端:负责 View 和 Controller 层
后端:只负责 Model 层,业务处理/数据等
3.优缺点
优点:解耦,解放前端,职责明确
缺点:不利 seo 优化
4.Restful 风格的 API 应该是前后端分离的最佳实践
1.前后端设计
前端:Node.js 系
代表:AngularJS,react,vue
2.Vue
技术点
指令
组件
生命周期
前端路由
Vuex
ES6 语法
npm & webpack
3.后端:Restful Api
一种接口风格,全称表述性状态转移,并无强制
Representational State Transfer()
4.统一资源接口对 URI 的意义?
统一资源接口要求使用标准的 HTTP 方法对资源进行操作,所以 URI 只应该来表示资源的名称,而不应该包括资源的操作。
(理解这个统一)
5.标准的
6.不符规范的 (资源没有统一)
二、实践
1.一个例子
《图书管理系统》
2.技术栈
前端:Vue
后端:Django REST framework
3.要点
Token 验证
前端路由
统一的 http 请求响应拦截处理
Restful API
权限控制(表级 & 对象级)
如下图:
最后,是否要做前后端分离的开发模式,取决于实际情况的多方位考量,适合的才是更好的。
资料下载
链接:https://pan.baidu.com/s/1X9gVN6mQHaOVRlvsSZ8dPg
密码:t32v
更多内容点击原文链接: https://mp.weixin.qq.com/s/pq487mZx2U9unEXfcBuarA