Django开发中格式正确但表单无法正常生成渲染的问题咨询

问题现象 #

Django开发过程中，尝试将表单变量传入HTML页面渲染时，表单完全不展示，运行效果如下：

关联代码 #

views.py对应函数：

def show(request):
    showall = Products.objects.all()
    print(showall)
    serializer = POLLSerializer(showall,many=True)
    print(serializer.data)
    return render(request,'polls/product_list.html',{"data":serializer.data})

对应HTML模板代码：

<body>
    <center>
        <h1>Edit details of Clothes</h1>
    </center>
    <center>
        <form method="POST">
            {% csrf_token %}
            {{data}}
            <button class="btn btn-success"><a href="{% url 'polls:show' %}" style="color: red;">Go To Home</a></button>
        </form>
    </center>
</body>

问题根因 #

• 传入模板的变量类型错误：POLLSerializer是DRF（Django REST Framework）的序列化组件，作用是把模型查询集转换为可返回接口的JSON结构化数据，serializer.data是存了所有产品数据的列表+字典结构的Python原生对象，不是可自动渲染为输入控件的Django Form实例，直接在模板输出只会打印原生数据结构，不会生成表单元素。
• 视图缺失表单处理逻辑：当前视图仅实现了产品全量查询、序列化的逻辑，没有表单实例化、POST请求参数接收、表单校验、数据存储的相关流程，本质上根本没有向模板传递可渲染的表单对象。
• 提交按钮写法错误：按钮内部嵌套了跳转链接，点击后会直接触发页面跳转，无法正常提交表单。

修复步骤 #

1. 定义对应模型的表单类，在app目录下新建forms.py：

from django import forms
from .models import Products

class ProductForm(forms.ModelForm):
    class Meta:
        model = Products
        fields = "__all__"  # 可替换为需要展示的字段列表，如["name", "price", "size"]

2. 重写视图逻辑，补充表单实例化、提交处理逻辑：

from django.shortcuts import render, redirect
from .forms import ProductForm
from .models import Products

def show(request):
    if request.method == "POST":
        # 绑定提交的POST数据到表单
        form = ProductForm(request.POST)
        if form.is_valid():
            form.save()
            # 保存成功后跳转回当前页避免重复提交
            return redirect("polls:show")
    else:
        # GET请求初始化空表单
        form = ProductForm()
    # 如果需要展示产品列表，单独查询后传入模板
    product_list = Products.objects.all()
    return render(request, 'polls/product_list.html', {"form": form, "product_list": product_list})

3. 修改模板渲染逻辑，替换表单变量，修正按钮写法：

<body>
    <center>
        <h1>Edit details of Clothes</h1>
    </center>
    <center>
        <form method="POST">
            {% csrf_token %}
            <!-- 按p标签格式渲染表单字段，也可以用as_ul、as_table调整排版 -->
            {{ form.as_p }}
            <button type="submit" class="btn btn-success">保存提交</button>
            <a href="{% url 'polls:show' %}" class="btn btn-default" style="color: red;">Go To Home</a>
        </form>
    </center>
</body>

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