Flask+Django全栈电商系统开发与优化实践

1. 项目概述：全栈电商系统开发实战

这个基于Flask的网上商城系统是我去年为本地一家连锁超市开发的数字化转型解决方案。系统整合了前后端分离架构、优惠券营销体系、多维度数据可视化看板以及商家管理后台，完整覆盖了电商业务的核心链路。项目采用Python技术栈（Flask+Django混合架构）与Vue.js前端框架，在PyCharm环境下完成开发和调试。

特别值得说明的是，系统名称中的"ldnwbo1f"是客户要求的内部项目代号，实际部署时使用了品牌名称。这个案例典型体现了中小型零售企业向线上转型时的完整需求场景：既需要基础的购物流程，又要有精准营销工具（优惠券），还需要数据驱动的运营决策支持（可视化），同时满足多门店的协同管理（商家后台）。

2. 技术架构解析

2.1 混合框架设计思路

项目采用了看似矛盾的Flask+Django组合架构，这是经过实际业务权衡后的结果：

• Flask核心服务：负责用户端API（商品浏览/购物车/订单）和优惠券系统

  • 选用理由：轻量灵活，适合快速迭代高频改动的业务模块
  • 关键扩展：Flask-RESTful构建API，Flask-SQLAlchemy管理核心数据模型

• Django管理后台：处理商家管理、数据统计等后台功能

  • 选用理由：自带完善的Admin和ORM，适合开发管理密集型功能
  • 关键配置：自定义Admin模板实现多租户权限隔离

技术选型心得：不要被"纯血统"架构束缚，中小项目更应该根据模块特性选择合适工具。Flask和Django完全可以共存，只需通过NGINX路由不同路径到对应应用即可。

2.2 前后端分离实现

前端采用Vue.js 2.x构建，主要考虑因素包括：

• 组件化开发匹配电商页面高复用特性（商品卡片、优惠券模板等）
• Vuex状态管理解决跨组件数据同步（如全局购物车状态）
• Axios封装了带JWT认证的API请求模块

典型的前后端交互示例：

javascript复制// 前端优惠券领取逻辑
async claimCoupon(couponId) {
  try {
    const res = await this.$http.post('/api/coupons', {
      coupon_id: couponId,
      user_id: this.$store.state.user.id
    })
    this.$toast.success(res.data.message)
  } catch (err) {
    console.error('领取失败:', err.response.data)
  }
}

3. 核心功能实现细节

3.1 智能优惠券系统

3.1.1 优惠券数据模型设计

python复制class Coupon(db.Model):
    __tablename__ = 'coupons'
    id = db.Column(db.Integer, primary_key=True)
    code = db.Column(db.String(32), unique=True, index=True)
    discount_type = db.Column(db.Enum('fixed', 'percentage'))
    dis