Django如何将函数视图转为类视图并正确传递表单到模板

问题根因 #

• FormView 默认传递到模板的表单变量名为 form，但你的模板中调用的是 cart_product_form，变量名不匹配导致表单无法渲染。
• 你原有函数视图中关联产品的查询逻辑存在错误：函数视图没有 self 对象，且你用了产品的slug作为分类筛选条件，会返回错误的关联产品列表。
• 模板中提交按钮的 value 属性缺少闭合引号，会导致HTML结构渲染异常。

最优修复方案（DetailView + FormMixin） #

你需要的是「展示单个产品详情+携带表单」的能力，用DetailView混合FormMixin更符合Django类视图的设计逻辑，代码更简洁易维护：

from django.views.generic import DetailView
from django.views.generic.edit import FormMixin
from django.shortcuts import get_object_or_404
from .models import Product
from .forms import CartAddProductRetailForm

class RetailProductDetail(FormMixin, DetailView):
    # 配置产品查询逻辑，自动根据url中的slug参数查询产品
    model = Product
    template_name = 'retail/single_product_retail.html'
    context_object_name = 'product_retail'
    slug_url_kwarg = 'slug'
    # 配置表单
    form_class = CartAddProductRetailForm

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        # 把表单赋值为模板需要的变量名，兼容原有模板
        context['cart_product_form'] = self.get_form()
        # 修正关联产品查询逻辑：取当前产品同分类的其他产品
        current_product = self.get_object()
        context['related_products'] = Product.objects.filter(
            category__slug=current_product.category.slug
        ).exclude(id=current_product.id) # 排除当前产品本身
        return context

    # 如果你的表单提交到当前视图处理，需要添加以下post方法；如果提交到独立的cart_add_retail视图，可以省略
    # def post(self, request, *args, **kwargs):
    #     self.object = self.get_object()
    #     form = self.get_form()
    #     if form.is_valid():
    #         # 在这里写添加购物车的逻辑
    #         return self.form_valid(form)
    #     else:
    #         return self.form_invalid(form)

    # def get_success_url(self):
    #     return reverse('retail_product_detail', kwargs={'slug': self.object.slug})

兼容原有FormView写法的修改方案 #

如果你不想更换视图类，只需要在原有代码基础上补充表单变量名映射即可：

class RetailProductDetail(FormView):
    template_name = 'retail/single_product_retail.html'
    form_class = CartAddProductRetailForm

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        # 用get_object_or_404替代get，产品不存在时返回404而非500，和原函数逻辑一致
        context['product_retail'] = get_object_or_404(Product, slug=self.kwargs['slug'])
        # 补充表单变量映射
        context['cart_product_form'] = context['form']
        # 修正关联产品查询
        context['related_products'] = Product.objects.filter(
            category__slug=context['product_retail'].category.slug
        ).exclude(id=context['product_retail'].id)
        return context

模板修正 #

把提交按钮的引号补全：

<form action="{% url 'cart_add_retail' slug=product_retail.slug %}" method="post">
    {{ cart_product_form }}
    {% csrf_token %}
    <br>
    <!-- 补全value属性的闭合引号 -->
    <input class="btn btn-outline-dark flex-shrink-0" type="submit" value="Add to cart">
</form>

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