如何在自定义CBV视图中添加模型？解决CBV页面空白问题

你的自定义CBV和模板里有几个关键问题，导致页面无法正确渲染内容，我帮你逐一修正：

1. 类名冲突 & 未获取具体博客实例 #

你自定义的View类名用了DetailView，这和Django自带的django.views.generic.DetailView重名了，容易引发混淆。更重要的是，在get()方法里你只是赋值了blogs = self.model，这仅仅是拿到了模型类，并没有通过slug查询到具体的博客实例，而且模板里用的变量是{{blog}}，但你传入的是blogs，变量名完全不匹配。

2. 表单变量名不匹配 #

视图里你把表单实例赋值给了forms，但模板里遍历的是form，导致表单也无法渲染出来。

3. POST方法的多处错误 #

• post()方法没有接收slug参数，无法关联当前的博客文章
• 直接使用cleaned_data是错误的，需要从验证后的表单对象获取，即forms.cleaned_data
• Email字段赋值错误，写成了cleaned_data["Name"]，应该是cleaned_data["Email"]
• 保存评论时没有关联到当前博客（假设你的Comment模型有外键关联Blog）
• 处理完POST后没有返回响应，应该重定向到当前博客页面或者重新渲染页面，避免重复提交问题

修复后的完整代码 #

视图代码 #

# 避免和Django自带的DetailView重名，改成BlogDetailView
class BlogDetailView(View):
    form_class = CommentForm
    template_name = "blogs/details.html"
    model = BLOG

    def get(self, request, slug):
        # 通过slug获取具体的博客实例
        blog = self.model.objects.get(slug=slug)
        # 表单变量名改成form，和模板对应
        form = self.form_class()
        # 上下文变量名和模板保持一致：blog、form
        context = {'form': form, "blog": blog}
        return render(request, self.template_name, context)

    def post(self, request, slug):
        # 同样需要获取当前博客实例
        blog = self.model.objects.get(slug=slug)
        form = self.form_class(request.POST)
        if form.is_valid():
            user_comment = form.save(commit=False)
            # 从form.cleaned_data获取验证后的数据
            user_comment.Name = form.cleaned_data["Name"]
            user_comment.Email = form.cleaned_data["Email"]
            user_comment.comment = form.cleaned_data['comment']
            # 关联当前博客（假设Comment模型有blog外键字段）
            user_comment.blog = blog
            user_comment.save()
            # 重定向到当前博客页面，避免重复提交
            return redirect('blog_detail', slug=slug)
        # 如果表单验证失败，重新渲染页面并显示错误
        context = {'form': form, "blog": blog}
        return render(request, self.template_name, context)

模板代码（blogs/details.html） #

{% extends "blogs/main.html" %}
{% block dyn_title %}{{blog.blog_title}}{% endblock dyn_title %}
{% block body %}
<h2>{{blog.blog_title}}</h2> <!-- 修正了标签不闭合的问题：之前是<h2>开头但</h3>结尾 -->
<p> {{blog.blog_body|safe}} </p>
<form action="" method="post">
    {% csrf_token %}
    {% include "blogs/form_template.html" %}
    <!-- 新增提交按钮，之前模板里缺少提交入口 -->
    <button type="submit">提交评论</button>
</form>
{% endblock body %}

form_template.html（补充错误提示优化） #

{% for field in form %}
<label>{{field.label_tag}}</label>
<div class="">
    {{field}}
    <!-- 新增字段错误提示，提升用户体验 -->
    {% if field.errors %}
        <small class="text-danger">{{field.errors}}</small>
    {% endif %}
</div>
{% endfor %}

额外说明 #

• 确保你的URL配置里，这个视图的URL模式包含slug参数，并且名称是blog_detail（对应redirect里的名称）
• 如果你的Comment模型外键字段不是blog，记得改成你实际的字段名
• 模板里的标签不闭合问题（<h2>配</h3>）也会导致页面渲染异常，已经一并修正

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