从项目中学习Django 天天生鲜---------购物车

港控/mmm° 2022-12-01 14:12 124阅读 0赞

### 购物车 ###

*  效果图
 *   *  加入购物车
     *  购物车
 *  项目步骤
 *   *  逻辑分析
     *  建模
     *  代码实现
     *   *  加入购物车
         *  购物车

# 效果图 #

## 加入购物车 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 1]

## 购物车 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 2]

# 项目步骤 #

## 逻辑分析 ##

*  当用户点击加入购物车后,后台则需要将该商品加入属于当前用户的购物车中,所以新建一个购物车的数据库表用来存储每次用户加入购物车的商品
 *  前端可以通过ajax传入数据给后台,然后让后台根据数据存储到购物车中然后返回,这样就可以做到不刷新页面即可实现页面渲染
 *  后台可通过cookie中是否存在buyer\_id来确认是否有用户登录,若无则自己跳转到登录界面
 *  购物车界面我们可以通过当前用户名的id来获取其购物车列表然后传给前端

## 建模 ##

buyer/models.py

.....
    #新加
    # 购物车
    class ShoppingCar(models.Model):
        goodsid = models.IntegerField()  # 商品的id
        goodsname = models.CharField(max_length=32)  # 商品名称
        goodsprice = models.DecimalField(max_digits=5, decimal_places=2)  # 商品价格
        goodsnum = models.IntegerField()  # 数量
        image = models.CharField(max_length=32)  # 商品图片
        goodsxiaoji=models.CharField(max_length=32) #商品小计
        # 设置关系
        buyer = models.ForeignKey(to=Buyer, on_delete=models.CASCADE)  # 用户和购物车关系

python3 manage.py makemigrations
    python3 manage.py migrate

![在这里插入图片描述][20200827190801238.png_pic_center]

## 代码实现 ##

### 加入购物车 ###

**templates/buyer/detail.html**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 3]

**buyer/views.py**

# 加入购物车
    def add_cart(request):
        # 获取当前商品
        goods_id=request.GET.get("goods_id")
        # 获取购买商品的个数
        number=request.GET.get("number")
        buyer_id=request.COOKIES.get("buyer_id")
        # 获取当前用户
        buyer=Buyer.objects.filter(id=buyer_id).first()
        # 判断是否登录
        if buyer:
            # 判断该商品是否已经被用户添加过一次,如果有则只需要在原有的购物车进行修改即可
            shoppingcar = ShoppingCar.objects.filter(goodsid=goods_id,buyer_id=buyer_id).first()
            if not shoppingcar:
                goods=Goods.objects.get(id=goods_id)
                shoppingcar=ShoppingCar.objects.create(goodsid=goods_id,goodsname=goods.name,goodsprice=goods.price,goodsxiaoji=int(number) * goods.price,goodsnum=number,image=goods.image.name,buyer_id=buyer_id)
            else:
                shoppingcar.goodsnum = shoppingcar.goodsnum + int(number)
                price = shoppingcar.goodsprice
                shoppingcar.goodsxiaoji = price * shoppingcar.goodsnum
            shoppingcar.save()
            return JsonResponse({ 'code': '1'})
        else:
            return  JsonResponse({ 'code':'0'})

当用户点击加入购物车后  
![在这里插入图片描述][20200827191400539.png_pic_center]  
所以需要在原来展示详情页面下添加以下代码  
**buyer/views.py**

.....
    # 详情
    def detail(request):
        id=request.GET.get("id")
        goods_obj=Goods.objects.get(id=id)
        buyer_id = request.COOKIES.get("buyer_id")
        goods_obj_list=Goods.objects.filter(goodstype_id=goods_obj.goodstype_id).all()
        #新加代码
        # 获取当前用户中购物车的商品数量
        count = ShoppingCar.objects.filter(buyer_id=buyer_id).all().aggregate(Count('id'))['id__count']
        return render(request,"buyer/detail.html",locals())
    .....

### 购物车 ###

buyer/views.py

.....
    #购物车
    def cart(request):
        buyer_id=request.COOKIES.get("buyer_id")
        shopping_cart_obj_list=ShoppingCar.objects.filter(buyer_id=buyer_id).all()
        return render(request,"buyer/cart.html",{ "shopping_cart_obj_list":shopping_cart_obj_list})
    #删除购物车中商品
    def delete_cart(request):
        id=request.GET.get("id")
        shoppingcar=ShoppingCar.objects.get(id=id)
        shoppingcar.delete()
        return redirect("/cart")

buyer/urls.py

from django.urls import path
    from . import views
    
    urlpatterns = [
        path('',views.index),#首页
        path('index',views.index),#首页
        path('login',views.login),#登录
        path('email_login',views.email_login),#邮箱登录
        path('get_yzm_ajax',views.yzm_ajax),#获取邮箱验证码
        path('logout',views.logout),#登出
        path('register',views.register),#注册
        path('detail',views.detail),#详情
        path('list',views.list),#商品列表
        # path('more_list_view',views.more_list_view), #显示更多
        path('more_list_view',views.GoodsView.as_view()), #显示更多视图版
        #新加
        path('add_cart',views.add_cart),#加入购物车
        path('cart',views.cart),#购物车
        path('delete_cart',views.delete_cart),#删除购物车中的商品
    
    ]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 4]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/f604f977ac5d41d1a1f158aa5f28ddfe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/0d1af810f7a84b0e84cebbafd2663ea4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/e1d8ba8dd56247c0b4595cae8d4352f7.png
[20200827190801238.png_pic_center]: /images/20221123/91bb56ffd64041ff8039eba6febf426b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/a8c6369ba8ea4588beb87bcb457e7178.png
[20200827191400539.png_pic_center]: /images/20221123/db959078ba6c426dbb2e42294d85c52c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/63a31f13588e4553936e2107f8edae4d.png