如何在Django中实现行列数未知的客户产品配置动态表单

需求实现解答 #

1. 动态行列录入需求可行性 #

该需求完全可以实现，不存在技术障碍，核心分为后端模型、前端交互、数据提交处理三个模块实现即可。

2. 核心实现思路 #

（1）后端Django模型设计

先定义3个核心数据模型对应业务关系：

• 主产品模型：存储主产品大类基础信息，可关联主产品默认配置项列表
• 客户产品变体模型：存储对应客户的产品变体数据，包含产品名称、所属客户、关联的主产品ID
• 产品配置项模型：存储配置项名称、对应关联的客户产品变体ID、配置值，可额外加字段标记配置来源（主产品默认/客户自定义）

需要了解的Django相关技术点：模型关联字段（ForeignKey）、表单集（Formset）、批量数据操作（bulk_create）

（2）前端交互实现

两种方案都可以落地：

• 全动态方案（行列均不固定）：给表头的新增产品按钮、表尾的新增配置项按钮分别绑定JS点击事件，点击时对应插入新的列/行输入框即可，用原生JS操作DOM或者常用前端框架都可以实现，逻辑非常简单。
• 简化方案（列固定、行动态）：进入录入页前先让用户选择/录入本次需要配置的所有产品，页面渲染时直接生成固定数量的产品列，仅保留新增配置项的动态加行逻辑，开发成本更低，适合刚接触Django的开发者优先选用。

（3）表单数据提交与处理

提交时可以先在前端把数据整理成结构化格式再传给后端，示例结构如下：

{
  "customer_id": 客户ID,
  "product_list": [
    {
      "product_name": "Product A1",
      "settings": [
        {"config_key": "Low Power", "config_value": "TRUE"},
        {"config_key": "Delayed Start", "config_value": "5 seconds"}
      ]
    },
    {
      "product_name": "Product A2",
      "settings": [
        {"config_key": "Low Power", "config_value": "FALSE"},
        {"config_key": "Delayed Start", "config_value": "5 seconds"}
      ]
    }
  ]
}

后端接收到请求后，先遍历创建所有客户产品变体记录，再批量插入所有关联的配置项即可，完全可以实现你要求的按产品拆分存储的格式。
需要了解的Django相关技术点：POST请求体数据解析、事务操作（可选，保证数据一致性）

内容的提问来源于stack exchange，提问作者Aaron Doyle