所谓的先后端分离
渊源
特色
- 前端:负责 View 和 Controller 层
- 后端:只负责 Model 层,业务处理/数据等
优缺点
- 优势:解耦,解放前端,职责明确
- 缺点:不利 seo 优化
Restful 风格的 API 应该是先后端分离的最佳实践

先后端设计
前端:Node.js 系前端
表明:AngularJS,react,vue
vue
Vue
技术点react
- 指令
- 组件
- 生命周期
- 前端路由
- Vuex
- ES6 语法
- npm & webpack
后端:Restful Api
一种接口风格,全称表述性状态转移,并没有强制webpack
Representational State Transfer()web
统一资源接口对 URI 的意义?
统一资源接口要求使用标准的 HTTP 方法对资源进行操做,因此 URI 只应该来表示资源的名称,而不该该包括资源的操做。npm
(理解这个统一)后端
标准的

不符规范的 (资源没有统一)
前后端分离
实践
一个例子优化
技术栈
- 前端:Vue
- 后端:Django REST framework
要点
- Token 验证
- 前端路由
- 统一的 http 请求响应拦截处理
- Restful API
- 权限控制(表级 & 对象级)
以下图:

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