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. JSP学习笔记(6)—— 自定义MVC框架

    仿照SpringMVC,实现一个轻量级MVC框架,知识涉及到了反射机制.注解的使用和一些第三方工具包的使用 思路 主要的总体流程如下图所示 和之前一样,我们定义了一个DispatchServlet,用 ...

  2. Collection,泛型,Map

    1.Collection集合 集合和数组的区别? 数组的长度是固定的, 集合的长度是可变的 数组中存储的数据都是同一类型的数据.集合存储的是对象,而且对象的类型可以不一致 集合框架 单列集合 java ...

  3. 阿里雷卷:Reactive 基金会的成立将对开发方式带来哪些影响?

    作者 | 赵钰莹 近日,Linux 基金会宣布成立 Reactive 基金会.对于 Reactive,各位开发者应该并不陌生,尤其是 Node.js 开发者,但真正了解并意识到这件事情对开发方式带来的 ...

  4. Spinner列表选择框

    Spinner首先它是一个弹出式的列表选择框,由于间接继承了ViewGroup,所以它可以当做一个容器使用; 如果我们可以明确下拉列表中的列表项, 则可以不需要编写代码, 只需要为spinner指定a ...

  5. 编译gaia

    ./rkst/mkimage.sh rk3066-eng -j8 gaia 分别是编译文件路径 编译的输出类型 处理器分配数 待编译模块 //flash gaia1. adb remount2. ad ...

  6. Find a way(两个BFS)

    Problem Description Pass a year learning in Hangzhou, yifenfei arrival hometown Ningbo at finally. L ...

  7. TLC5615

    #include <reg51.h> #include "TLC5615.c" code uchar seven_seg[] = {0xc0, 0xf9, 0xa4, ...

  8. 字符串之————图文讲解字符串排序(LSD、MSD)

    本篇文章围绕字符串排序的核心思想,通过图示例子和代码分析的方式讲解了两个经典的字符串排序方法,内容很详细,完整代码放在文章的最后. 一.键索引计数法 在一般排序中,都要用里面的元素不断比较,而字符串这 ...

  9. Spring Cloud异步场景分布式事务怎样做?试试RocketMQ

    一.背景 在微服务架构中,我们常常使用异步化的手段来提升系统的 吞吐量 和 解耦 上下游,而构建异步架构最常用的手段就是使用 消息队列(MQ),那异步架构怎样才能实现数据一致性呢?本文主要介绍如何使用 ...

  10. Vue学习之不同组件之间的消息传递

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...