第三课 Vue+Django rest framework生鲜项目资源商品列表页

第三课 Vue+Django rest framework生鲜项目资源商品列表页

第一节 前后端分离的优缺点

1.1 为什么要前后端分离

1. pc, app, pad 多端适应
2. SPA开发模式开始流行(single page App 单页面应用)
3. 前后端开发职责不清楚
4. 开发效率问题， 前后端相互等待
5. 前端一直配合后端，能力受限
6. 后台开发语言和模板高度耦合， 导致开发语言依赖严重

1.2 前后端分离优缺点

1. 前后端学习门槛增加
2. 数据依赖导致文档重要性增加
3. 前端工作量加大
4. SEO的难度增大(SSR专门搞这个)
5. 后端开发模式迁移增加成本

1.3 restful api

1. restful api实际上是前后端分离的最佳实践。不是框架，只是一种规范。
2. 特点：
   • 轻量，直接通过http，不需要额外的协议，post/get/put/delete操作
   • 面向资源，一目了然，具有解释性
   • 数据描述简单，一般通过json或者xml做数据通信
3. 推荐学习网站：
   • 概念：http://www.ruanyifeng.com/blog/2011/09/restful.html
   • 实践：http://www.ruanyifeng.com/blog/2014/05/restful_api.html

第二节 vue的基本概念的介绍

2.1 简单的概念

1. 前端工程化
2. 数据双向绑定
3. 组件化开发

2.2 vue中的概念

1. webpack
2. vue, vuex, vue-router, axios
3. ES6, babel