Django无JavaScript场景下加购功能无法保存用户选中尺码如何解决

核心思路 #

调整购物车Session的存储结构，将商品ID与尺码做关联标识，区分同商品不同尺码的库存计数，全程无需修改现有前端代码，不依赖JavaScript。 #

方案1：组合键存储（推荐，逻辑最简） #

将购物车的键设置为商品ID:尺码的拼接字符串，同一个商品不同尺码对应不同的键，直接存储对应购买数量，存储格式示例：{"1:S": 2, "1:M": 1, "3:L":1}

修改后的post方法代码 #

def post(self, request, item_id):
    item_id = request.POST.get('item')
    selected_size = request.POST.get('Size')
    # 非空校验避免无效数据
    if not selected_size:
        from django.contrib import messages
        messages.error(request, "请先选择商品尺码")
        return redirect('products:detail', item_id=item_id)

    cart = request.session.get('cart', {})
    # 生成唯一标识键
    cart_key = f"{item_id}:{selected_size}"
    # 更新计数
    cart[cart_key] = cart.get(cart_key, 0) + 1
    # 标记session已修改确保数据写入
    request.session['cart'] = cart
    request.session.modified = True

    print(request.session['cart'])
    return redirect('products:detail', item_id=item_id)

购物车数据读取示例 #

渲染购物车页面时拆分组合键即可获取对应字段：

# views中读取购物车逻辑
cart = request.session.get('cart', {})
cart_list = []
for cart_key, count in cart.items():
    # 拆分商品ID和尺码
    item_id, size = cart_key.split(':')
    # 查询商品详情组装渲染数据
    item = Item.objects.get(id=item_id)
    cart_list.append({
        "item_info": item,
        "selected_size": size,
        "buy_count": count
    })
# 将cart_list传入模板渲染即可

方案2：嵌套字典存储 #

如果偏好结构化存储，可以使用{商品ID: {尺码: 购买数量}}的嵌套格式，存储示例：{"1": {"S":2, "M":1}, "3": {"L":1}}

对应post方法代码 #

def post(self, request, item_id):
    item_id = request.POST.get('item')
    selected_size = request.POST.get('Size')
    if not selected_size:
        from django.contrib import messages
        messages.error(request, "请先选择商品尺码")
        return redirect('products:detail', item_id=item_id)

    cart = request.session.get('cart', {})
    if item_id in cart:
        # 商品已存在，更新对应尺码计数
        cart[item_id][selected_size] = cart[item_id].get(selected_size, 0) + 1
    else:
        # 商品不存在，新增结构
        cart[item_id] = {selected_size: 1}
    
    request.session['cart'] = cart
    request.session.modified = True
    return redirect('products:detail', item_id=item_id)

注意事项 #

• 现有前端表单无需任何调整，已经正确传递了商品ID和选中尺码参数
• 主动添加request.session.modified = True可以避免Django未自动识别嵌套字典修改导致的session不更新问题
• 两种方案均完全不依赖JavaScript，符合技术要求

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