Django+Vue3线上教育平台项目实战：购物车与订单模块的精简实现与数据安全策略

在现代线上教育平台中，购物车和订单模块是核心功能之一。本篇文章将介绍如何使用Django作为后端，Vue3作为前端实现一个精简的购物车与订单模块，并探讨数据安全策略。

购物车模块实现

首先，我们需要在Django中定义购物车的数据模型。购物车通常由用户、课程和数量组成。

# models.py

from django.db import models
from django.contrib.auth.models import User

class Course(models.Model):
    title = models.CharField(max_length=255)
    price = models.DecimalField(max_digits=10, decimal_places=2)

class Cart(models.Model):
    user = models.ForeignKey(User, on_delete=models.CASCADE)
    course = models.ForeignKey(Course, on_delete=models.CASCADE)
    quantity = models.PositiveIntegerField(default=1)

    def __str__(self):
        return f"{self.user.username}'s Cart"

接下来，我们需要创建视图来处理购物车的添加、删除和更新操作。

# views.py

from rest_framework import viewsets, permissions
from .models import Cart
from .serializers import CartSerializer

class CartViewSet(viewsets.ModelViewSet):
    queryset = Cart.objects.all()
    serializer_class = CartSerializer
    permission_classes = [permissions.IsAuthenticated]

    def perform_create(self, serializer):
        serializer.save(user=self.request.user)

对于前端部分，我们可以使用Vue3来管理购物车的状态。这里是一个简单的购物车组件示例。

<template>
  <div>
    <h2>购物车</h2>
    <ul>
      <li v-for="item in cartItems" :key="item.id">
        {{ item.course.title }} - {{ item.quantity }} x {{ item.course.price }}
        <button @click="removeFromCart(item.id)">删除</button>
      </li>
    </ul>
    <button @click="checkout">结算</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      cartItems: []
    };
  },
  methods: {
    async fetchCartItems() {
      // 从后端获取购物车数据
    },
    async removeFromCart(itemId) {
      // 调用后端API删除购物车项目
    },
    async checkout() {
      // 调用后端API进行结算
    }
  },
  mounted() {
    this.fetchCartItems();
  }
}
</script>

订单模块实现

订单模块可以使用类似的方法来实现。首先需要定义订单模型，关联用户和课程。

# models.py

class Order(models.Model):
    user = models.ForeignKey(User, on_delete=models.CASCADE)
    course = models.ForeignKey(Course, on_delete=models.CASCADE)
    quantity = models.PositiveIntegerField(default=1)
    created_at = models.DateTimeField(auto_now_add=True)

    def __str__(self):
        return f"Order by {self.user.username} on {self.created_at}"

然后在视图中处理订单的创建逻辑。

# views.py

from .models import Order

class OrderViewSet(viewsets.ModelViewSet):
    queryset = Order.objects.all()
    serializer_class = OrderSerializer
    permission_classes = [permissions.IsAuthenticated]

    def perform_create(self, serializer):
        # 从购物车中获取课程信息，然后创建订单
        cart_items = Cart.objects.filter(user=self.request.user)
        for item in cart_items:
            Order.objects.create(user=self.request.user, course=item.course, quantity=item.quantity)
            # 生成订单后可以选择清空购物车
            item.delete()

数据安全策略

1. 认证与授权：必须确保用户进行身份认证（如使用JWT）。只有经过身份验证的用户才能访问购物车和订单相关的API。

2. 输入验证：Django REST Framework提供了序列化器，可以用来验证和清理输入数据。确保对所有输入数据进行严格的验证。

3. CSRF保护：在前后端分离的应用中，务必使用CSRF令牌保护敏感操作。此外，可以在Django中配置CORS和CSRF。

4. 敏感数据加密：对敏感信息（如用户支付信息）进行加密。可以使用Django提供的加密库进行敏感数据处理。

5. 定期审计：对代码和数据库进行定期审计，及时发现和修复安全漏洞。

通过上述实现，您可以构建一个简单但功能完整的购物车与订单模块，同时通过数据安全策略保护用户和数据的安全。希望这篇文章能为您的线上教育平台的开发提供一些思路与帮助。