web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程   

web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程 学习

1.drf前期准备

1.django-rest-framework官方文档

https://www.django-rest-framework.org/

#直接百度找到的djangorestframework的官网是打不开的

2.安装依赖包

如图所示,django restframework的依赖模块,除了coreapi和django-guardian,已经在前面安装过了。

打开终端,执行安装命令

pip install django-guardian

pip install coreapi

3.将rest_framework在settings中注册

4.管理调试api的时候会用到的url配置,在urls.py中

from django.urls import path

from django.views.static import serve

from MxShop.settings import MEDIA_ROOT

from django.urls import include

import xadmin

from rest_framework.documentation import include_docs_urls

from goods.views import GoodsListView

urlpatterns = [

path('xadmin/', xadmin.site.urls),

path('media/<path:path>',serve,{'document_root':MEDIA_ROOT}),

path('ueditor/',include('DjangoUeditor.urls' )),

path('docs/',include_docs_urls(title="慕学生鲜")),

path('api-auth/', include('rest_framework.urls')),

path('goods/',GoodsListView.as_view(),name='goods-list'),

]

2.序列化商品数据

在goods目录下新建serializers.py文件

from rest_framework import serializers

from goods.models import Goods,GoodsCategory

class GoodsSerializer(serializers.Serializer):#Serializer方式序列化

name=serializers.CharField(required=True,max_length=100)

click_num=serializers.IntegerField(default=0)

goods_front_image=serializers.ImageField()

# 用于post

def create(self, validated_data):

return Goods.objects.create(**validated_data)

class CategoryModelSerializer(serializers.ModelSerializer):

class Meta:

model=GoodsCategory

fields="__all__"#将整个表的所有字段都序列化

class GoodsModelSerializer(serializers.ModelSerializer):#ModelSerializer方式序列化

category=CategoryModelSerializer()#外键信息嵌入

class Meta:

model=Goods

# fields="__all__"#将整个表的所有字段都序列化

fields=('name','goods_front_image','category')#指定序列化某些字段

 3.视图封装

1.使用APIView+Response实现商品列表页视图(最想原生django的CBV写法)

views.py中

from .serializers import GoodsSerializer,GoodsModelSerializer

from rest_framework.views import APIView

from rest_framework.response import Response

from .models import Goods

from rest_framework import status

class GoodsListView1(APIView):

"""

List all goods,使用Serializer

"""

def get(self, request, format=None):

goods=Goods.objects.all()[:10]

goods_serializer = GoodsSerializer(goods, many=True)

return Response(goods_serializer.data)

def post(self,request,format=None):

serializer=GoodsSerializer(data=request.data)

if serializer.is_valid():

serializer.save()

return Response(serializer.data,status=status.HTTP_201_CREATED)

return Response(serializer.errors,status=status.HTTP_400_BAD_REQUEST)

class GoodsListView2(APIView):

"""

List all goods,使用ModelSerializer

"""

def get(self, request, format=None):

goods=Goods.objects.all()[:10]

goods_serializer = GoodsModelSerializer(goods, many=True)

return Response(goods_serializer.data)

urls.py中

from django.contrib import admin

from django.urls import path

from django.views.static import serve

from MxShop.settings import MEDIA_ROOT

import xadmin

from goods.views import GoodsListView1,GoodsListView2

urlpatterns = [

path('admin/', admin.site.urls),

path('xadmin/', xadmin.site.urls),

path('media/<path:path>',serve,{'document_root':MEDIA_ROOT}),

path('ueditor/',include('DjangoUeditor.urls' )),

path('goods/',GoodsListView1.as_view(),name='goods-list'),

path('goods2/',GoodsListView2.as_view(),name='goods-list2')

]

2.使用mixins+generic实现商品列表页视图

from .serializers import GoodsSerializer

from .models import Goods

from rest_framework import mixins

from rest_framework import generics

class GoodsListView(mixins.ListModelMixin,generics.GenericAPIView):

"""

商品列表页

"""

  queryset = Goods.objects.get_queryset().order_by('id')[:10]

  serializer_class = GoodsSerializer

  def get(self,request,*args,**kwargs):

    return self.list(request,*args,**kwargs)

3.使用generics.ListAPIView实现商品列表页视图

from .serializers import GoodsSerializer

from .models import Goods

from rest_framework import generics

class GoodsListView(generics.ListAPIView):

"""

商品列表页

"""

queryset = Goods.objects.get_queryset().order_by('id')

serializer_class = GoodsSerializer

 4.分页

1.全局分页:在settings中加入代码,所有的列表页,都会变成每10个一页的分页方式,显然这有很大的局限性

REST_FRAMEWORK={

'DEFAULT_PAGINATION_CLASS': 'rest_framework.pagination.PageNumberPagination',

'PAGE_SIZE': 10,

}

 2.局部定制化分页:在view中定义代码

from rest_framework.pagination import PageNumberPagination

class GoodsPagination(PageNumberPagination):

page_size = 10

page_size_query_param = 'page_size'

page_query_param = 'p'

max_page_size = 100

class GoodsListView(generics.ListAPIView):

"""

商品列表页

"""

queryset = Goods.objects.get_queryset().order_by('id')

serializer_class = GoodsSerializer

pagination_class = GoodsPagination

 5.viewsets

1.在views中

from rest_framework import viewsets

class GoodsListViewSet(mixins.ListModelMixin,viewsets.GenericViewSet):

"""

商品列表页

"""

queryset = Goods.objects.get_queryset().order_by('id')

serializer_class = GoodsSerializer

pagination_class = GoodsPagination

2.在urls中

from goods.views import GoodsListViewSet

from rest_framework.routers import DefaultRouter

router = DefaultRouter()

router.register(r'goods', GoodsListViewSet,base_name="goods")
urlpatterns = [ path('', include(router.urls)) ]

web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程 ☝☝☝的更多相关文章

  1. web前端Vue+Django rest framework 框架 生鲜电商项目实战✍✍✍

    web前端Vue+Django rest framework 框架 生鲜电商项目实战  整个课程都看完了,这个课程的分享可以往下看,下面有链接,之前做java开发也做了一些年头,也分享下自己看这个视频 ...

  2. 引爆潮流技术 Vue+Django REST framework打造生鲜电商项目

    引爆潮流技术Vue+Django REST framework打造生鲜电商项目 整个课程都看完了,这个课程的分享可以往下看,下面有链接,之前做java开发也做了一些年头,也分享下自己看这个视频的感受, ...

  3. Vue+Django REST framework打造生鲜电商项目

    1-1 课程导学 2-1 Pycharm的安装和简单使用 2-2 MySQL和Navicat的安装和使用 2-3 Windows和Linux下安装Python2和Python3 2-4 虚拟环境的安装 ...

  4. Spark大型电商项目实战-及其改良之番外(1)-将spark前端页面效果高效拷贝至博客

    Spark大型电商项目实战-及其改良这个系列的时间轴展示图一直在变....1-3篇是用图直接表示时间轴,用一段简陋的html代码表示时间表.第4篇开始才是用比较完整的前端效果,能移动.缩放时间轴,鼠标 ...

  5. Django REST framework+Vue 打造生鲜电商项目(笔记二)

    (转自https://www.cnblogs.com/derek1184405959/p/8768059.html)(有修改) 接下来开始引入django resfulframework,体现它的强大 ...

  6. Django REST framework+Vue 打造生鲜电商项目(笔记四)

    (PS:部分代码和图片来自博客:http://www.cnblogs.com/derek1184405959/p/8813641.html.有增删) 一.用户登录和手机注册 1.drf的token功能 ...

  7. Django REST framework+Vue 打造生鲜电商项目(笔记三)

    (PS:转载自http://www.cnblogs.com/derek1184405959/p/8810591.html  有修改) 一.drf的过滤 (1)添加到app里面 INSTALLED_AP ...

  8. Django REST framework+Vue 打造生鲜电商项目(笔记十)

    (from:https://www.cnblogs.com/derek1184405959/p/8877643.html  有修改) 十三.首页.商品数量.缓存和限速功能开发 首先把pycharm环境 ...

  9. Django REST framework+Vue 打造生鲜电商项目(笔记九)

    (from:http://www.cnblogs.com/derek1184405959/p/8859309.html) 十二.支付宝沙箱环境配置 12.1.创建应用 进入蚂蚁金服开放平台(https ...

随机推荐

  1. 5分钟理解 SpringBoot 响应式的核心-Reactor

    目录 一.前言 二. Mono 与 Flux 构造器 三. 流计算 1. 缓冲 2. 过滤/提取 3. 转换 4. 合并 5. 合流 6. 累积 四.异常处理 五.线程调度 小结 参考阅读 一.前言 ...

  2. STA——multicycle path

    之前去地平线面试的时候被问到了multicycle path的一点问题,其实这个问题我应该知道,看过<Constraining Designs for Synthesis and Timing  ...

  3. DevOps平台

    DevOps定义(来自维基百科): DevOps(Development和Operations的组合词)是一种重视"软件开发人员(Dev)"和"IT运维技术人员(Ops) ...

  4. kafka对消费者分配分区规则(Java源码)

    在上一篇 kafka topic消息分配partition规则(Java源码) 我们对生产者产生的消息分配partition规则进行了分析,那么本章我们来看看消费者是怎么样分配partition的. ...

  5. charles 禁用缓存

    本文参考:charles 禁用缓存 No caching Settings/无缓存工具的用法 弹窗面板上一句话概括了他的工作原理:通过修改请求和响应头来防止缓存; 无缓存工具 无缓存工具阻止客户端应用 ...

  6. C#Post提交解析XML文件

    protected string GetWebContent(string url)     {         Stream outstream = null;         Stream ins ...

  7. 49 (OC)* layoutSubviews和drawRect调用

    layoutSubviews:  简单的说就是你如果想调用此方法.不要直接调用,需要调用setNeedsLayout方法来刷新布局! drawRect:刷新布局 一:layoutSubviews在以下 ...

  8. 2019年9月末周java面试总结

    不知不觉离职已经2个月了,这周开始投简历找工作,本来也做好了被打击的心理准备了,毕竟这么久没敲代码,也没怎么准备,基本上是属于裸面. 总结一下简历投递情况: 不知道是简历写得太敷衍,还是要求太高,总之 ...

  9. [phyton]文件的简单读写练习

    f.open() 用于打开一个文件. f=open("record.txt","w",encoding="utf-8")#打开文件,设置文件 ...

  10. Android [启动方式:standard singleTop singleTask singleInstance]

    栈顶Activity是当前正在显示的. 以A.B举例 1.standard 不同的Activity都存放在同一个栈中,每次创建实例都会堆放到栈顶,逐次返回直至退出. 创建实例B 创建实例A 点击返回时 ...