Django评论功能故障：无法存入数据库，页面仅刷新无反应

一、修复评论无法存入数据库的问题 #

你的视图函数存在几个核心逻辑错误，导致评论无法写入数据库：

1. 缺少创建并保存评论的核心逻辑：当前代码仅尝试查询是否存在某条评论，完全没有生成新评论实例并写入数据库的步骤。
2. 错误的用户信息获取方式：MyUser.first_name是直接访问模型类的字段，而非当前请求用户的实际数据，应通过request.user获取登录用户信息（若允许匿名评论，则需从表单收集name和email）。
3. 异常处理写法错误：except: Comment.DoesNotExist()是无效写法，正确格式为except Comment.DoesNotExist:，且此处的try-except逻辑完全多余——你需要的是创建新评论，而非查询已有评论。
4. 上下文传递不完整：定义了new_comment但未传入模板，同时POST请求处理后没有正确的页面跳转或反馈逻辑。

修复后的视图函数代码 #

假设网站要求用户登录后才能评论（若允许匿名，可移除登录验证，改为从表单获取name和email）：

from django.contrib import messages
from django.shortcuts import get_object_or_404, redirect

def blog_detail(request, id):
    post = get_object_or_404(Post, pk=id, status=True)
    comments = post.comments.filter(active=True)
    new_comment = None

    if request.method == 'POST':
        comment_content = request.POST.get('comment_content', '').strip()
        
        # 验证评论内容非空
        if not comment_content:
            messages.error(request, '评论内容不能为空')
            return redirect('blog_detail', id=id)
        
        # 验证用户已登录
        if not request.user.is_authenticated:
            messages.error(request, '请先登录再发表评论')
            return redirect('login')
        
        # 创建并保存新评论
        try:
            new_comment = Comment.objects.create(
                post=post,
                name=request.user.first_name,
                email=request.user.email,
                body=comment_content,
                active=False  # 保持默认的待审核状态
            )
            messages.success(request, '评论已提交，等待审核')
            return redirect('blog_detail', id=id)
        except Exception as e:
            messages.error(request, f'评论提交失败：{str(e)}')

    return render(request, 'blog/blog-detail.html', {
        'post': post,
        'comments': comments,
        'new_comment': new_comment
    })

关键修改说明 #

• 用get_object_or_404替代Post.objects.get，避免文章不存在时抛出500错误。
• 使用request.POST.get获取表单数据，避免键不存在时触发异常。
• 添加登录验证逻辑，确保只有登录用户能发表评论。
• 新增Comment.objects.create逻辑，直接创建并保存评论到数据库。
• 处理完POST请求后重定向到当前页面，避免用户刷新页面重复提交。

二、实现评论回复功能 #

要实现评论回复，需修改Comment模型添加自关联字段，再调整视图和模板逻辑。

1. 修改Comment模型 #

添加自关联外键字段，标记父评论：

class Comment(models.Model):
    post = models.ForeignKey(Post, on_delete=models.CASCADE, related_name='comments')
    parent = models.ForeignKey('self', on_delete=models.CASCADE, null=True, blank=True, related_name='replies')
    name = models.CharField(max_length=80)
    email = models.EmailField()
    body = models.TextField()
    created_on = models.DateTimeField(auto_now_add=True)
    active = models.BooleanField(default=False)

    class Meta:
        ordering = ['created_on']

    def __str__(self):
        return f'Comment {self.body[:20]} by {self.name}'

• parent字段允许为空，代表顶级评论；若有值，则代表是对应父评论的回复。
• related_name='replies'允许通过comment.replies直接获取该评论的所有回复。

2. 修改视图支持回复请求 #

在视图中处理回复请求，通过表单隐藏字段获取父评论ID：

def blog_detail(request, id):
    post = get_object_or_404(Post, pk=id, status=True)
    # 仅获取顶级评论，回复通过模板遍历获取
    comments = post.comments.filter(active=True, parent__isnull=True)
    new_comment = None

    if request.method == 'POST':
        comment_content = request.POST.get('comment_content', '').strip()
        parent_id = request.POST.get('parent_id', None)
        
        if not comment_content:
            messages.error(request, '评论内容不能为空')
            return redirect('blog_detail', id=id)
        
        if not request.user.is_authenticated:
            messages.error(request, '请先登录再发表评论')
            return redirect('login')
        
        parent_comment = None
        if parent_id:
            parent_comment = get_object_or_404(Comment, pk=parent_id)
        
        try:
            new_comment = Comment.objects.create(
                post=post,
                parent=parent_comment,
                name=request.user.first_name,
                email=request.user.email,
                body=comment_content,
                active=False
            )
            messages.success(request, '评论已提交，等待审核')
            return redirect('blog_detail', id=id)
        except Exception as e:
            messages.error(request, f'评论提交失败：{str(e)}')

    return render(request, 'blog/blog-detail.html', {
        'post': post,
        'comments': comments,
        'new_comment': new_comment
    })

3. 模板中实现回复表单与层级显示 #

在blog-detail.html中添加回复表单，遍历显示评论及回复：

<!-- 顶级评论表单 -->
<form method="POST">
    {% csrf_token %}
    <textarea name="comment_content" placeholder="写下你的评论..."></textarea>
    <button type="submit">发表评论</button>
</form>

<!-- 显示评论列表 -->
{% for comment in comments %}
    <div class="comment">
        <p>{{ comment.name }} 于 {{ comment.created_on }} 说：</p>
        <p>{{ comment.body }}</p>
        
        <!-- 回复按钮和表单 -->
        <button class="reply-btn">回复</button>
        <form class="reply-form" method="POST" style="display: none;">
            {% csrf_token %}
            <input type="hidden" name="parent_id" value="{{ comment.id }}">
            <textarea name="comment_content" placeholder="回复这条评论..."></textarea>
            <button type="submit">发表回复</button>
        </form>
        
        <!-- 显示该评论的回复 -->
        {% for reply in comment.replies.all %}
            <div class="reply" style="margin-left: 40px;">
                <p>{{ reply.name }} 于 {{ reply.created_on }} 回复：</p>
                <p>{{ reply.body }}</p>
            </div>
        {% endfor %}
    </div>
{% endfor %}

<!-- 控制回复表单显示/隐藏的简单JS -->
<script>
    document.querySelectorAll('.reply-btn').forEach(btn => {
        btn.addEventListener('click', function() {
            const form = this.nextElementSibling;
            form.style.display = form.style.display === 'none' ? 'block' : 'none';
        });
    });
</script>

回复功能说明 #

• 顶级评论的parent字段为null，视图通过parent__isnull=True过滤出顶级评论。
• 回复表单通过隐藏字段parent_id传递父评论ID，视图据此将回复关联到对应父评论。
• 模板通过comment.replies.all遍历显示该评论的所有回复，并用CSS缩进区分层级。

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