Python+Django+Vue构建电商社区系统实战

1. 项目概述：蛋糕商城论坛交流系统的技术架构

这个项目本质上是一个融合电商功能与社区互动的复合型Web应用。作为同时具备商品交易和用户讨论功能的平台，它需要处理两类核心业务流：一是蛋糕商品的展示、选购、支付等电商流程；二是用户间的评价、问答、经验分享等社区互动。

选择Python作为后端语言是经过多重考虑的。Python在Web开发领域有成熟的生态，特别是Django和Flask这两个框架各有优势：Django提供"开箱即用"的全套解决方案，适合快速构建包含Admin后台的复杂系统；Flask则更轻量灵活，适合需要定制化的功能模块。实际开发中，我们往往会采用混合架构 - 用Django处理用户认证、商品管理等标准化功能，用Flask实现特色API或微服务。

前端选用Vue.js是当前业界的主流选择。其组件化开发模式与Python后端能形成完美配合：Vue的单文件组件（.vue文件）可以将模板、逻辑和样式封装在一起，通过axios与后端RESTful API通信。这种前后端分离的架构相比传统服务端渲染（如Django模板）更利于团队协作和性能优化。

开发工具链的选择也值得说明：

• PyCharm Professional版提供对Django和Vue的深度支持
• Vue Devtools插件用于调试前端组件状态
• Postman用于API接口测试
• Redis作为缓存和Celery任务队列的broker

2. 系统核心模块设计

2.1 电商功能模块实现

商品模块的数据模型设计需要特别注意蛋糕这类特殊商品的属性：

python复制class CakeProduct(models.Model):
    CATEGORY_CHOICES = [
        ('birthday', '生日蛋糕'),
        ('wedding', '婚礼蛋糕'),
        ('dessert', '甜点小食')
    ]
    name = models.CharField(max_length=100)
    category = models.CharField(max_length=20, choices=CATEGORY_CHOICES)
    description = RichTextField()  # 使用富文本编辑器
    base_price = models.DecimalField(max_digits=8, decimal_places=2)
    customization_options = JSONField()  # 存储可定制选项如尺寸、糖度等
    cover_image = models.ImageField(upload_to='cakes/')
    is_featured = models.BooleanField(default=False)
    
    @property
    def current_price(self):
        # 计算促销价等逻辑
        return self.base_price

购物车系统需要处理临时用户（未登录）和注册用户的不同场景。我们采用混合策略：

• 未登录用户：购物车数据保存在浏览器localStorage
• 已登录用户：数据同步到服务器数据库
• 两种状态切换时（如用户登录），自动合并购物车内容

支付对接方面，推荐使用支付宝/微信的沙箱环境进行开发测试。关键实现要点：

python复制def create_payment(order):
    alipay = AliPay(
        appid=settings.ALIPAY_APPID,
        app_notify_url=settings.ALIPAY_NOTIFY_URL,
        app_private_key_string=settings.APP_PRIVATE_KEY,
        alipay_public_key_string=settings.ALIPAY_PUBLIC_KEY,
        sign_type="RSA2",
        debug=True
    )
    order_string = alipay.api_alipay_trade_page_pay(
        out_trade_no=order.order_no,
        total_amount=str(order.total_amount),
        subject=f"蛋糕订单-{order.order_no}",
        return_url=settings.ALIPAY_RETURN_URL,
        notify_url=settings.ALIPAY_NOTIFY_URL
    )
    return settings.ALIPAY_GATEWAY + "?" + order_string

2.2 论坛社区模块设计

论坛系统采用树形评论结构，支持楼中楼回复。Django的MPTT（Modified Preorder Tree Traversal）库非常适合这种场景：

python复制from mptt.models import MPTTModel, TreeForeignKey

class Comment(MPTTModel):
    post = models.ForeignKey('ForumPost', on_delete=models.CASCADE)
    author = models.ForeignKey(User, on_delete=models.CASCADE)
    content = models.TextField()
    parent = TreeForeignKey('self', on_delete=models.CASCADE, 
                          null=True, blank=True, related_name='replies')
    created_at = models.DateTimeField(auto_now_add=True)
    
    class MPTTMeta:
        order_insertion_by = ['created_at']

帖子热度算法需要综合多种因素：

python复制def calculate_hot_score(post):
    # 权重系数
    view_weight = 0.2
    comment_weight = 0.5
    like_weight = 0.3
    time_decay = 0.98  # 每日衰减系数
    
    # 计算时间衰减
    hours_existed = (timezone.now() - post.created_at).total_seconds() / 3600
    decay_factor = time_decay ** (hours_existed / 24)
    
    # 综合计算
    score = (
        post.view_count * view_weight +
        post.comment_count * comment_weight +
        post.like_count * like_weight
    ) * decay_factor
    
    return round(score, 2)

2.3 用户系统与权限控制

采用Django的AbstractUser进行扩展：

python复制class User(AbstractUser):
    avatar = models.ImageField(upload_to='avatars/', default='default.jpg')
    bio = models.T