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生鲜电商】13.JWT用户认证原理配置，Vue登录接口调试

## JSON Web Token（JWT）用户认证原理 JSON Web Token Authentication JSON Web Token是一个相当新的标准，可以用于基于令牌的身份验证。与内置的`TokenAuthentication`方案不同，JWT身份验证不需要使用数据库来验证`token`。一个用于JWT身份验证的包是[djangore

admin 2019年5月4日 22:03 【 Django | Python | Vue 】
阅读更多
【Vue+DRF生鲜电商】14.用户注册发送短信验证码、登录字段验证

### 发送短信验证码 ![BLOG_20190530_143256_14](/media/blog/images/2019/05/BLOG_20190530_143256_14.png "博客图集BLOG_20190530_143256_14.png") 需要发送短信验证码，后端给一个发送短信的接口才能使用。使用第三方短信发送服务，参考 h

admin 2019年5月4日 22:16 【 Django | Vue 】
阅读更多
【Vue+DRF生鲜电商】15.用户注册使用信号量实现密码加密

### 密码加密保存 #### 重载create方法密码加密保存所以在`UserSerializer`中重载`create(self, validated_data)`方法，添加以下代码 ```python class UserSerializer(serializers.ModelSerializer): # ... 省略代码

admin 2019年5月4日 22:25 【 Django | Vue 】
阅读更多
【Vue+DRF生鲜电商】16.Vue中注册、退出功能交互

### Vue中注册、退出功能交互 #### Vue中获取验证码逻辑在 src/views/register/register.vue 中，就是前端页面的注册功能 ```html <input class="verify-code-btn sendcode" type="button" id="jsSendCode" @click="see

admin 2019年5月4日 22:30 【 Django | Vue 】
阅读更多
【Vue+DRF生鲜电商】17.DRF实现商品详情及热卖商品接口，Vue中显示商品详情和热卖

## viewsets实现商品详情页接口 ### 添加商品详情类继承RetrieveModelMixin 在 goods/views.py 中显示商品列表的ViewSet为` GoodsListViewSet(mixins.ListModelMixin, viewsets.GenericViewSet)` ，它继承了`mixins.ListMode

admin 2019年5月30日 14:46 【 Django | Vue 】
阅读更多
【Vue+DRF生鲜电商】18.用户收藏、取消收藏商品接口实现

## 用户收藏接口实现这个功能属于用户操作的功能，写在 user_operation 应用下对于收藏功能，如果点击收藏，相当于是添加一条收藏记录（`mixins.CreateModelMixin`），如果是取消收藏，则删除收藏记录（`mixins.DestroyModelMixin`） ### 用户收藏接口基础 #### 用户添加收藏序列

admin 2019年5月30日 17:00 【 Django | Vue 】
阅读更多
【Vue+DRF生鲜电商】19.用户添加、删除收藏权限处理，根据商品id显示收藏，在Vue中实现收藏功能

### 用户添加、删除收藏记录权限问题如果用户指定id删除收藏记录，如果这条收藏记录是其他人的，而不是当前登录用户的，仍然会被成功删除掉，这时候就涉及到一个权限问题：用户只能查看到自己的收藏记录，且只能删除自己的收藏记录。 #### 需要登录管理收藏记录IsAuthenticated 访问 https://www.django-rest-fr

admin 2019年5月30日 17:03 【 Django | Vue 】
阅读更多
【Vue+DRF生鲜电商】20.使用DRF自动生成文档的功能

## DRF Api文档自动生成功能访问 https://www.django-rest-framework.org/topics/documenting-your-api/ 可以看到使用说明在使用视图集时，应该使用相关的操作名称作为分隔符。首先 urls.py 需要加上对应的路由 ```python # DjangoOnline

admin 2019年5月31日 11:26 【 Django | Vue 】
阅读更多
【Vue+DRF生鲜电商】21.用户中心个人资料的展示，并在Vue中实现个人资料更新

## 用户个人资料的显示 ![BLOG_20190531_125022_59](/media/blog/images/2019/05/BLOG_20190531_125022_59.png "博客图集BLOG_20190531_125022_59.png") 这儿需要序列化：姓名、出生日期、性别、邮箱、手机，这些信息。这儿就需要一个接

admin 2019年5月31日 12:45 【 Django | Vue 】
阅读更多
【Vue+DRF生鲜电商】22.个人中心显示用户收藏功能，对收藏进行删除

## 用户收藏显示功能在前面已经写好了用户收藏和取消收藏商品的功能，访问 http://127.0.0.1:8000/userfavs/ 即可看到，但收藏的商品只显示了商品的id ![BLOG_20190531_133850_49](/media/blog/images/2019/05/BLOG_20190531_133850_49.png "

admin 2019年5月31日 13:37 【 Django | Vue 】
阅读更多
【Vue+DRF生鲜电商】23.个人中心用户留言功能

## 用户留言功能 ![BLOG_20190619_141603_61](/media/blog/images/2019/06/BLOG_20190619_141603_61.png "博客图集BLOG_20190619_141603_61.png") 留言分为以上5中类型，支持上传文件。现有的留言models如下，需要的字段都是齐全

admin 2019年6月19日 14:11 【 Django | Html | Vue 】
阅读更多
【Vue+DRF生鲜电商】24.用户收货地址功能
Django
## 用户收货地址功能对于收货地址，需要实现收货地址的增、删、改、查，所以需要继承的类有`mixins.ListModelMixin, mixins.UpdateModelMixin, mixins.DestroyModelMixin, mixins.CreateModelMixin, viewsets.GenericViewSet`，而这些类也可以合并

admin 2019年6月29日 22:07 【 Django | Html | Vue 】
阅读更多