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. Java 多线程实现接口Runnable和继承Thread区别(转)

    Java 多线程实现接口Runnable和继承Thread区别 Java中有两种实现多线程的方式.一是直接继承Thread类,二是实现Runnable接口.那么这两种实现多线程的方式在应用上有什么区别 ...

  2. math库的使用

    math库简介 math库是Python提供的内置数学内函数库,因为复数类型常用于科学计算,一般计算并不常用,因此math库不支持复数类型,仅支持整数和浮点数运算,math库一共提供4个数学常数和44 ...

  3. SpringBoot 2 快速整合 | Hibernate Validator 数据校验

    概述 在开发RESTFull API 和普通的表单提交都需要对用户提交的数据进行校验,例如:用户姓名不能为空,年龄必须大于0 等等.这里我们主要说的是后台的校验,在 SpringBoot 中我们可以通 ...

  4. WPF 自定义UI控件学习

    最近项目中运用到了WPF处理三维软件,在C/S结构中WPF做UI还是有很多优越性,简单的学了一点WPF知识,成功的完成项目目标.项目过度阶段对于WPF的一些基本特点有了进一步了解 .至此花费一点时间研 ...

  5. android 中Application的作用

    转自:lieren666 博客地址:http://blog.csdn.net/lieren666/article/details/7598288 What is Application Applica ...

  6. 来几道水题 d050: 妳那裡現在幾點了?

    减去15即可(注意这个数小于15的情况) 题目:珊珊到了美国犹他州的杨百翰大学之后,文文禁不住对她的思念,常常想打电话给她,却又担心在美国的她是不是在睡觉.好不容易鼓起勇气打通了电话,第一句就先问:「 ...

  7. OPC质量列表(OPC quality of the list)质量戳定义

    参考:<OPC统一架构>中文版 0 Bad1 Bad, Low Limited2 Bad, High Limited3 Bad, Constant4 Bad, Configuration ...

  8. Android MediaPlayer 基础简介

    本文链接: Android MediaPlayer 基础简介 简单介绍MediaPlayer的基本概念,状态,常用的方法与监听器. 什么是MediaPlayer MediaPlayer类可以用来播放音 ...

  9. Tomcat9 安装与配置

    一.下载 到http://tomcat.apache.org/下载绿色解压包 二.启动 1.解压后打开tomcat/bin目录下的startup.bat即可启动 打开后发现出现乱码 解决方法: 打开t ...

  10. 【Jsp】利用iframe实现action不跳转

    <form role="form" target="id_frame" action="dk" method="post&q ...