Django 前后端分离实战项目生鲜超市（十二）之购物车功能

最新推荐文章于 2020-05-08 19:42:04 发布

qq_39682037

最新推荐文章于 2020-05-08 19:42:04 发布

阅读量1.9k

点赞数

分类专栏： Django 文章标签： django vue restful 前后端分离 python

本文链接：https://blog.youkuaiyun.com/qq_39682037/article/details/105729662

版权

本文介绍了使用Django和Vue实现前后端分离的生鲜超市项目中购物车功能的详细流程。重点包括vue接口设计、Django的serializers.py、views.py及url.py的代码实现，并提供了代码仓库链接。用户可成功将商品加入购物车并在页面查看购物车内容，支持商品增删操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

购物车功能

前言

所有vue接口全部在src/api/api.js文件下

代码已上传至github：https://github.com/kalipoison/fresh-market

此项目仅学习用途

要求

Package Version

certifi 2020.4.5.1
chardet 3.0.4
coreapi 2.3.1
coreschema 0.0.4
Django 1.11.3
django-cors-headers 2.1.0
django-crispy-forms 1.6.1
django-filter 1.0.4
django-formtools 2.0
django-guardian 1.4.9
django-reversion 2.0.9
djangorestframework 3.6.3
djangorestframework-jwt 1.11.0
future 0.16.0
httplib2 0.9.2
idna 2.9
itypes 1.2.0
Jinja2 2.11.2
Markdown 2.6.8
MarkupSafe 1.1.1
mysqlclient 1.3.10
olefile 0.46
Pillow 4.2.1
pip 20.0.2
PyJWT 1.7.1
pytz 2019.3
requests 2.23.0
setuptools 46.1.3
six 1.10.0
uritemplate 3.0.1
urllib3 1.25.9
wheel 0.34.2
XlsxWriter 0.9.8
xlwt 1.2.0

流程

在trade文件夹下新建serializers.py代码如下：

serializers.py


from rest_framework import serializers

from goods.models import Goods
from .models import ShoppingCart
from goods.serializers import GoodsSerializer

class ShopCartDetailSerializer(serializers.ModelSerializer):
    goods = GoodsSerializer(many=False, read_only=True)
    class Meta:
        model = ShoppingCart
        fields = ("goods", "nums")


class ShopCartSerializer(serializers.Serializer):
    user = serializers.HiddenField(
        default=serializers.CurrentUserDefault()
    )
    nums = serializers.IntegerField(required=True, label="数量",min_value=1,
                                    error_messages={
   
                                        "min_value"