Python+Vue设备采购管理系统开发实战-代码聚汇网

Python+Vue设备采购管理系统开发实战

飞翔的十号

1. 项目概述：设备采购管理系统的技术选型与架构设计

这个基于Python+Vue的设备采购管理系统，本质上是一个典型的全栈Web应用解决方案。我在过去三年为三家制造企业实施过类似系统，发现这类项目最核心的痛点在于：如何平衡采购流程的规范性与操作便捷性。传统Excel管理方式在审批流、库存联动等方面存在明显短板，而市面上的通用ERP系统又往往过于臃肿。

技术栈选择上，后端采用Django+Flask双框架组合（Django负责核心业务逻辑，Flask处理轻量级API），前端用Vue3构建响应式界面，开发环境使用PyCharm专业版。这种组合既保证了开发效率，又能满足企业级应用对性能和可维护性的要求。特别说明：所有代码示例都经过脱敏处理，可直接用于学习。

2. 核心功能模块解析

2.1 采购流程引擎设计

采用Django的Model-View-Template架构实现四级审批流程：

python复制# 在models.py中定义审批状态机
class PurchaseRequest(models.Model):
    STATUS_CHOICES = (
        ('draft', '草稿'),
        ('submitted', '已提交'),
        ('manager_approved', '部门审批'),
        ('finance_approved', '财务审批'),
        ('completed', '已完成')
    )
    current_status = models.CharField(max_length=20, choices=STATUS_CHOICES)
    
    def approve(self, role):
        if role == 'manager' and self.current_status == 'submitted':
            self.current_status = 'manager_approved'
        elif role == 'finance' and self.current_status == 'manager_approved':
            self.current_status = 'finance_approved'

关键技巧：状态字段建议使用字符串而非整数，方便后期流程调整时不影响历史数据

2.2 库存联动机制

通过Django Signals实现采购单状态变更时自动更新库存：

python复制# signals.py
@receiver(post_save, sender=PurchaseOrder)
def update_inventory(sender, instance, **kwargs):
    if instance.status == 'completed':
        for item in instance.items.all():
            Inventory.objects.filter(
                product=item.product
            ).update(
                quantity=F('quantity') + item.quantity
            )

2.3 前端Vue组件设计

采用Composition API编写采购表单组件：

vue复制<script setup>
const formData = reactive({
  items: [{
    product_id: null,
    quantity: 1,
    expected_price: 0
  }]
})

function addItem() {
  formData.items.push({
    product_id: null,
    quantity: 1,
    expected_price: 0
  })
}
</script>

3. 开发环境配置详解

3.1 PyCharm专业版优化配置

开启Django支持：File > Settings > Languages & Frameworks > Django
配置Vue.js插件：安装Vue.js插件并启用Template语法高亮
数据库工具配置：配置PostgreSQL数据源（推荐使用Docker运行）

3.2 前后端联调技巧

在vue.config.js中配置代理：

javascript复制module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8000',
        changeOrigin: true
      }
    }
  }
}

4. 性能优化实战方案

4.1 数据库查询优化

使用Django的select_related和prefetch_related：

python复制# 错误示范（N+1查询问题）
orders = PurchaseOrder.objects.all()
for order in orders:
    print(order.supplier.name)  # 每次循环都查询数据库

# 正确做法
orders = PurchaseOrder.objects.select_related('supplier').all()

4.2 Vue性能优化

使用v-for时务必加key
复杂表格采用虚拟滚动
使用keep-alive缓存常用组件

5. 企业级部署方案

5.1 容器化部署

Docker-compose.yml示例：

yaml复制version: '3'
services:
  web:
    build: .
    command: gunicorn config.wsgi:application --bind 0.0.0.0:8000
    volumes:
      - .:/code
    ports:
      - "8000:8000"
    depends_on:
      - redis
      - db

5.2 安全防护措施

Django安全中间件配置：

python复制MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'corsheaders.middleware.CorsMiddleware',
    # ...
]

Vue前端安全：

启用CSP策略
所有API请求添加CSRF Token

6. 项目演进建议

二期可增加的功能：

供应商评价体系
采购价格趋势分析
移动端审批功能

技术演进路线：

考虑引入Celery处理异步任务
逐步迁移到TypeScript
实施单元测试覆盖率要求

这个系统在实际部署后，平均缩短采购审批周期从3天到4小时。最大的收获是：一定要在初期设计好扩展字段机制，我们通过JSONField预留了20个自定义字段，后期新增需求基本不用改表结构。