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

Vue+Django REST framework 打造前后端分离的生鲜电商项目（慕课网视频）。 Github地址：https://github.com/xyliurui/DjangoOnlineFreshSupermarket ； Django版本：2.2、djangorestframework：3.9.2。前端Vue模板可以直接联系我拿。

功能一 功能一 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 】
阅读更多