Vue+Django REST framework前后端分离生鲜电商

功能一 功能一 Vue+Django REST framework前后端分离生鲜电商

• 【Vue+DRF生鲜电商】01.课程结构介绍，开发环境搭建

  

  本文学习 boddy老师慕课网视频：https://coding.imooc.com/class/131.html # 掌握技术和课程构成 掌握的技术： - Vue + Django Rest Framework前后端分离 - Restful API开发流程 - Django Rest Framework功能实现 - Sentry线上系统

  admin 2019年4月21日 11:18 【 Django | Python | Vue 】

  阅读更多

• 【Vue+DRF生鲜电商】02.设置users、goods、trade、user_operation数据库并导入原始数据

  

  ## 设计数据库 ### 用户：users应用模型 修改 settings.py ，指定认证模型，添加如下内容 ```python AUTH_USER_MODEL = 'users.UserProfile' # 使用自定义的models做认证 ``` #### models.py ```python from djang

  admin 2019年4月21日 11:41 【 Django | Vue 】

  阅读更多

• 【Vue+DRF生鲜电商】03.Restful API基础

  Django

  ## 前后端分离优点 - 电脑端、手机端、APP多端适应 - 单页面开发模式，SPA - 前后端开发职责分开 - 开发效率提高，前后端可以同时进行 - 前端一直配合着后端，能力受限 - 后台开发语言和模板高度耦合，导致开发语言依赖验证 ## 前后端分离缺点 - 前后端学习门槛增加 - 数据依赖导致文档重要性增加，后端修改某个字段

  admin 2019年4月21日 11:47 【 Django | Vue 】

  阅读更多

• 【Vue+DRF生鲜电商】04.Vue项目结构介绍

  

  ## vue开发几个概念 1. webpack：把所有东西变为js文件 2. vue、vuex、vue-router、axios 3. es6、babel ## vue源码结构 ![BLOG_20190421_115107_37](/media/blog/images/2019/04/BLOG_20190421_115107_37.

  admin 2019年4月21日 11:50 【 Django | Python | Vue 】

  阅读更多

• 【Vue+DRF生鲜电商】05.商品列表序列化普通方法

  

  ## 普通视图序列化 ### JSONView 访问 https://github.com/gildas-lormeau/JSONView-for-Chrome 下载 选择插件目录 JSONView-for-Chrome-master\WebContent ![BLOG_20190421_214417_38](/media/blog/

  admin 2019年4月21日 21:41 【 Django | Python | Vue 】

  阅读更多

• 【Vue+DRF生鲜电商】06.DRF环境配置，使用Serializer类序列化商品列表

  

  ## DRF环境配置 ### 依赖包安装 访问 https://www.django-rest-framework.org/ The following packages are optional: - [coreapi](https://pypi.org/project/coreapi/) (1.32.0+) - 模式生成的支持。 - [

  admin 2019年4月21日 21:47 【 Django | Python | Vue 】

  阅读更多

• 【Vue+DRF生鲜电商】07.序列化商品分页功能

  

  ### 分页功能 修改`GoodsListView`视图显示所有商品，用于之后的分页功能。 ```python class GoodsListView(generics.ListAPIView): """ 显示所有的商品列表 """ queryset = Goods.objects.all() se

  admin 2019年4月24日 17:39 【 Django | Python | Vue 】

  阅读更多

• 【Vue+DRF生鲜电商】08.ViewSets & Routers显示商品列表

  

  ### ViewSets & Routers显示商品列表 `ViewSet`类几乎与视图类相同，只是它们提供了诸`如read`或`update`之类的操作，而不是诸如`get`或`put`之类的方法处理程序。 `ViewSet`类只在最后时刻绑定到一组方法处理程序，当它被实例化为一组视图时，通常通过使用一个`Router`类来处理为您定义URL conf

  admin 2019年4月24日 17:45 【 Django | Python | Vue 】

  阅读更多

• 【Vue+DRF生鲜电商】09.使用DRF的filter过滤商品列表

  

  ### DRF过滤商品列表 `GoodsListViewSet(mixins.ListModelMixin, viewsets.GenericViewSet)`继承的`viewsets.GenericViewSet`（`GenericViewSet(ViewSetMixin, generics.GenericAPIView)`）继承的`GenericAPI

  admin 2019年4月24日 17:48 【 Django | Python | Vue 】

  阅读更多

• 【Vue+DRF生鲜电商】10.商品分类层级获取，Vue跨域请求商品分类

  

  ## DRF实现商品分类获取 实现商品分类层级结构显示 ### 商品类别ViewSet 在商品类别中，不需要对类别进行分页，因为类别的数据量不大，只要在数据量很大的时候才能分页，所以前面需要去掉全局分页配置，否则会影响这儿的结果。 修改 views.py 增加分类的视图 ```python class CategoryViewSet(

  admin 2019年4月26日 17:41 【 Django | Python | Vue 】

  阅读更多

• 【Vue+DRF生鲜电商】11.Vue展示左侧分类、面包屑、排序、商品列表、分页

  

  通过顶部导航显示的左侧分类，和通过搜索显示的左侧分类，整个格式是相同的，所以它们用的同一个Vue组件。但是它们还是有一定的区别： - 点击顶部导航，左侧的分类就是显示该一级分类下的所有子分类（包括所有二级分类和二级分类对应的三级分类） - 搜索显示的分类，只显示了二级分类和一级分类，也就是说，搜索某一个商品，可以获取该商品对应的分类和对应的子分类

  admin 2019年4月26日 17:46 【 Django | Python | Vue 】

  阅读更多

• 【Vue+DRF生鲜电商】12.用户登录之DRF Token认证登录原理和使用方法

  

  在购买商品时，需要用户登录才能操作，所以就必须要增加登录和注册功能。 由于在Django中配置了`path('api-auth/', include('rest_framework.urls')), # drf 认证url`的URL，所以在DRF中可以直接使用认证功能 比如退出登录后，此时的链接为： http://127.0.0.1:8000/

  admin 2019年5月4日 21:56 【 Django | Python | Vue 】

  阅读更多