如何为单个用户创建可动态扩展的Django 10×10行列模型

别再手动写重复字段了，针对你要做的用户可录入的动态行列数据，这里有两种实用方案：

方案一：使用关联模型（推荐，符合Django ORM最佳实践） #

这种方式通过一对多关联把每一个单元格的独立数据拆成子模型，完全支持动态扩展，不管未来要50行还是更多都不用改模型结构。

模型代码示例 #

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

class UserImageGrid(models.Model):
    # 关联到单个用户
    user = models.OneToOneField(User, on_delete=models.CASCADE, related_name="image_grid")
    # 可添加网格配置字段，用于控制前端展示的行列数
    total_rows = models.IntegerField(default=10)
    total_columns = models.IntegerField(default=10)

class GridCell(models.Model):
    # 关联到用户的网格主模型
    grid = models.ForeignKey(UserImageGrid, on_delete=models.CASCADE, related_name="cells")
    # 记录单元格的行号、列号
    row = models.IntegerField()
    column = models.IntegerField()
    # 你的业务字段
    image_no = models.CharField(max_length=50, blank=True, null=True)
    img_desc = models.CharField(max_length=500, blank=True, null=True)
    img_alt = models.CharField(max_length=500, blank=True, null=True)

    # 确保每个网格内的单元格行列唯一
    class Meta:
        unique_together = ('grid', 'row', 'column')

表单处理 #

用Django的InlineFormSet配合前端JS，就能实现动态添加/删除单元格的表单：

from django.forms import inlineformset_factory

GridCellFormSet = inlineformset_factory(
    UserImageGrid,
    GridCell,
    fields=('row', 'column', 'image_no', 'img_desc', 'img_alt'),
    extra=0,
    can_delete=True
)

方案二：使用JSONField存储结构化数据 #

如果你的场景不需要单独查询某个单元格的数据，只是整体存储和展示，用JSONField会更简洁，不用额外创建子模型。

模型代码示例 #

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

class UserImageGrid(models.Model):
    user = models.OneToOneField(User, on_delete=models.CASCADE)
    # 用JSON存储网格数据，自定义结构示例：
    # {"rows": [
    #     {"columns": [{"image_no": "", "img_desc": "", "img_alt": ""}, ...]},
    #     ...
    # ]}
    grid_data = models.JSONField(default=dict)
    total_rows = models.IntegerField(default=10)
    total_columns = models.IntegerField(default=10)

表单处理 #

前端生成动态表单字段后，将数据整理成约定的JSON格式提交，后端直接存入grid_data字段即可。

两种方案对比 #

• 关联模型：优点是数据结构清晰，支持ORM精准查询（比如快速定位某行某列数据），数据一致性强；缺点是需要处理关联关系，表单逻辑稍复杂。
• JSONField：优点是代码简洁，模型结构简单；缺点是无法直接用ORM查询单个单元格，数据校验需自行实现，不适合复杂查询场景。

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