如何在Django账户中添加字典等数据类型并实现自定义购物篮

嘿，我来帮你搞定这个自定义购物篮的需求！既然Django Shop不符合你的场景，咱们完全可以自己实现一套逻辑，把你的产品数据以字典形式存在用户账户里。下面是一步步的实现方案：

1. 扩展用户模型，添加购物篮字段 #

首先，我们需要给Django自带的用户模型关联一个购物篮，用来存储产品字典的列表。这里用JSONField最方便，因为它可以直接存列表、字典这类复杂数据：

# 你的app/models.py
from django.contrib.auth.models import User
from django.db import models

class UserBasket(models.Model):
    user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='basket')
    items = models.JSONField(default=list)  # 存储产品字典的列表，默认是空列表

    # 自定义方法：添加商品到购物篮
    def add_item(self, product_data):
        # 可选：检查是否已存在同款商品，存在则增加数量
        for item in self.items:
            if item['product_id'] == product_data['product_id']:
                item['quantity'] += 1
                self.save()
                return
        # 不存在则新增商品，默认数量为1
        product_data['quantity'] = 1
        self.items.append(product_data)
        self.save()

    # 自定义方法：移除购物篮中的商品
    def remove_item(self, product_id):
        self.items = [item for item in self.items if item['product_id'] != product_id]
        self.save()

为了让用户创建时自动生成对应的购物篮，我们需要添加信号：

# 你的app/signals.py
from django.db.models.signals import post_save
from django.contrib.auth.models import User
from django.dispatch import receiver
from .models import UserBasket

@receiver(post_save, sender=User)
def create_user_basket(sender, instance, created, **kwargs):
    if created:
        UserBasket.objects.create(user=instance)

@receiver(post_save, sender=User)
def save_user_basket(sender, instance, **kwargs):
    instance.basket.save()

然后在apps.py中注册信号：

# 你的app/apps.py
from django.apps import AppConfig

class YourAppConfig(AppConfig):
    default_auto_field = 'django.db.models.BigAutoField'
    name = '你的app名称'

    def ready(self):
        import 你的app名称.signals

2. 编写购物篮操作的视图函数 #

接下来实现“加入购物篮”和“查看购物篮”的视图，记得用@login_required确保只有登录用户能操作：

# 你的app/views.py
from django.shortcuts import redirect, render
from django.contrib.auth.decorators import login_required

@login_required
def add_to_basket(request):
    if request.method == 'POST':
        # 从POST请求中获取产品数据（对应你2D列表里的子元素）
        product_data = {
            'product_id': request.POST.get('product_id'),
            'name': request.POST.get('product_name'),
            'price': float(request.POST.get('product_price')),
            # 这里可以添加你需要的其他产品字段，比如描述、图片地址等
        }
        # 调用自定义方法添加商品到购物篮
        request.user.basket.add_item(product_data)
        return redirect('product_list')  # 重定向回产品列表页
    return redirect('product_list')

@login_required
def view_basket(request):
    basket_items = request.user.basket.items
    # 可选：计算购物篮总价
    total_price = sum(item['price'] * item['quantity'] for item in basket_items)
    return render(request, 'basket.html', {'items': basket_items, 'total': total_price})

# 可选：实现移除商品的视图
@login_required
def remove_from_basket(request):
    if request.method == 'POST':
        product_id = request.POST.get('product_id')
        request.user.basket.remove_item(product_id)
        return redirect('view_basket')
    return redirect('view_basket')

3. 在HTML模板中添加交互 #

产品列表页（展示你的2D列表） #

用Jinja循环渲染产品，每个产品下方添加“加入购物篮”的表单：

<!-- templates/product_list.html -->
{% for product in product_2d_list %}
<div class="product-card">
    <h3>{{ product[0] }}</h3>  <!-- 假设子列表第一个元素是产品名 -->
    <p>价格：{{ product[1] }}</p>  <!-- 第二个元素是价格 -->
    <form action="{% url 'add_to_basket' %}" method="POST">
        {% csrf_token %}
        <!-- 隐藏字段传递产品必要信息 -->
        <input type="hidden" name="product_id" value="{{ product[2] }}">  <!-- 第三个元素是产品唯一ID -->
        <input type="hidden" name="product_name" value="{{ product[0] }}">
        <input type="hidden" name="product_price" value="{{ product[1] }}">
        <button type="submit">加入购物篮</button>
    </form>
</div>
{% endfor %}

购物篮展示页 #

渲染用户购物篮中的商品：

<!-- templates/basket.html -->
<h2>我的购物篮</h2>
{% if items %}
<ul class="basket-items">
    {% for item in items %}
    <li>
        {{ item.name }} - ￥{{ item.price }} × {{ item.quantity }} = ￥{{ item.price * item.quantity }}
        <!-- 移除商品按钮 -->
        <form action="{% url 'remove_from_basket' %}" method="POST" style="display: inline;">
            {% csrf_token %}
            <input type="hidden" name="product_id" value="{{ item.product_id }}">
            <button type="submit">移除</button>
        </form>
    </li>
    {% endfor %}
</ul>
<p class="total-price">总价：￥{{ total }}</p>
{% else %}
<p>购物篮还是空的，快去挑选商品吧~</p>
{% endif %}

4. 配置URL路由 #

最后在urls.py中添加对应的路由：

# 你的app/urls.py
from django.urls import path
from . import views

urlpatterns = [
    path('products/', views.product_list, name='product_list'),  # 你的产品列表页路由
    path('basket/add/', views.add_to_basket, name='add_to_basket'),
    path('basket/', views.view_basket, name='view_basket'),
    path('basket/remove/', views.remove_from_basket, name='remove_from_basket'),  # 移除商品路由（可选）
]

这样一套自定义的购物篮功能就完成了，完全适配你用2D列表展示产品的场景，把产品信息以字典形式存在用户的购物篮里，随时可以查看和修改~

内容的提问来源于stack exchange，提问作者Deps