Django中如何让关注/取消关注按钮显示正确的提示文本

你的按钮显示异常是三层逻辑错误共同导致的，单纯调换判断条件里的True/False无法解决根本问题，具体修复方案如下：

核心问题点 #

• 状态映射逻辑颠倒：现有代码查询到已存在关注关系时，给follow_or_unfollow赋值True，对应模板渲染的是「Follow」按钮，和实际关注状态完全相反
• 变量命名歧义：视图里把查询到的目标用户直接赋值给user变量，覆盖了请求上下文里的用户标识，很容易混淆当前登录用户和被访问的目标用户
• 模型设计冗余：单独创建Follower中间表模型存储关注关系没有必要，Django的ManyToManyField会自动生成中间表，现有写法会产生大量重复的目标用户记录
• 操作逻辑错误：取关时没有加目标用户过滤条件，会随机查到当前用户的任意一条关注记录；删除时直接调用模型实例的remove()方法语法错误，无法正确删除关联关系

推荐修复方案（从根上避免后续bug） #

1. 调整模型结构 #

删除原有冗余的Follower模型，直接在User模型上加自关联多对多字段，symmetrical=False配置实现单向关注（A关注B不会自动让B关注A）：

class User(AbstractUser):
    following = models.ManyToManyField('self', symmetrical=False, related_name='followers', blank=True)

字段说明：

• following：存储当前用户主动关注的所有用户
• 反向关联followers：存储当前用户的所有粉丝
• 不需要手动创建中间表，Django自动维护关联关系

2. 重写视图逻辑 #

注意先处理POST提交的关注/取关请求，再查询最新的关注状态，避免提交后页面显示旧状态；同时加登录校验，未登录用户不能操作关注：

from django.shortcuts import get_object_or_404, redirect
from django.contrib.auth.decorators import login_required

@login_required
def username(request, user):
    # 区分目标访问用户和当前登录用户，避免变量名冲突
    target_user = get_object_or_404(User, username=user)
    posts = Post.objects.filter(user=target_user).order_by('-date_and_time')

    # 自己的个人页不显示关注按钮
    show_follow_btn = (target_user != request.user)
    is_following = False

    if show_follow_btn:
        # 查询当前用户是否已关注目标用户
        is_following = request.user.following.filter(id=target_user.id).exists()

    # 处理关注/取关提交
    if request.method == "POST":
        if 'follow' in request.POST and not is_following:
            request.user.following.add(target_user)
            is_following = True
        elif 'unfollow' in request.POST and is_following:
            request.user.following.remove(target_user)
            is_following = False
        # 提交后重定向，避免刷新页面重复提交表单
        return redirect('username', user=target_user.username)

    return render(request, "network/username.html", {
        "target_user": target_user,
        "posts": posts,
        "is_following": is_following,
        "show_follow_btn": show_follow_btn
    })

3. 修正模板渲染逻辑 #

自己的主页不渲染关注按钮，根据is_following状态匹配对应按钮文本：

{% if show_follow_btn %}
<form action="{% url 'username' target_user.username %}" method="POST">
    {% csrf_token %}
    {% if is_following %}
        <input type="submit" value="Unfollow" name="unfollow">
    {% else %}
        <input type="submit" value="Follow" name="follow">
    {% endif %}
</form>
{% endif %}

临时修复方案（不改动现有模型） #

如果暂时不想调整模型结构，只需要修正两处逻辑即可：

1. 反转状态赋值：查询到存在关注关系时follow_or_unfollow = False，不存在时赋值True
2. 修正取关操作的查询和删除逻辑，必须同时过滤目标用户和当前登录用户：

elif request.POST.get('unfollow'):
    # 精准查询对应目标用户的关注记录
    follower_record = get_object_or_404(Follower, user=user, followers=request.user)
    # 从多对多关联中移除当前用户，不是直接删Follower对象
    follower_record.followers.remove(request.user)
    # 没有剩余粉丝时删除空记录，避免垃圾数据
    if follower_record.followers.count() == 0:
        follower_record.delete()
    follow_or_unfollow = True

*该方案长期运行会产生重复的Follower记录，仅适合临时调试使用。

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