所谓的前后端分离
渊源
- 前端发展史
特点
- 前端:负责 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
- 权限控制(表级 & 对象级)
如下图:
最后,是否要做前后端分离的开发模式,取决于实际情况的多方位考量,适合的才是更好的。
具体详情内容
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。