Django社交平台关注/取消关注按钮文本不更新问题

你的关注/取消功能逻辑正常，但按钮文本不切换的核心问题是模板中的判断逻辑错误：user.followers.all返回的是Follow模型实例的集合（而非User实例），所以request.user in user.followers.all永远为False，导致按钮一直显示“Follow”。

下面提供两种修复方案：

方案一：在视图中传递是否已关注的状态 #

修改views.py中的profile函数，提前计算当前登录用户是否关注了目标用户，并将状态传递给模板：

def profile(request, username):
    user = get_object_or_404(User, username=username)
    is_following = False
    # 仅当用户登录时才判断关注状态
    if request.user.is_authenticated:
        # 检查是否存在登录用户关注目标用户的记录
        is_following = user.followers.filter(user=request.user).exists()
    return render(request, 'profile.html', {'user': user, 'is_following': is_following})

然后修改profile.html中的判断逻辑，使用传递的is_following变量：

{% extends 'base.html' %}

{% block content %}
<div class="profile">
    <h2>{{ user.username }}</h2>
    <p>Followers: {{ user.followers.count }}</p>
    <p>Following: {{ user.following.count }}</p>

    {% if request.user.is_authenticated %}
        {% if is_following %}
            <form method="post" action="{% url 'unfollow' user.username %}">
                {% csrf_token %}
                <button type="submit">Unfollow</button>
            </form>
        {% else %}
            <form method="post" action="{% url 'follow' user.username %}">
                {% csrf_token %}
                <button type="submit">Follow</button>
            </form>
        {% endif %}
    {% endif %}
</div>
{% endblock %}

方案二：直接在模板中执行查询判断（无需修改视图） #

如果不想改动视图，可以直接在模板中通过查询判断关注状态：

{% extends 'base.html' %}

{% block content %}
<div class="profile">
    <h2>{{ user.username }}</h2>
    <p>Followers: {{ user.followers.count }}</p>
    <p>Following: {{ user.following.count }}</p>

    {% if request.user.is_authenticated %}
        {% if user.followers.filter(user=request.user).exists %}
            <form method="post" action="{% url 'unfollow' user.username %}">
                {% csrf_token %}
                <button type="submit">Unfollow</button>
            </form>
        {% else %}
            <form method="post" action="{% url 'follow' user.username %}">
                {% csrf_token %}
                <button type="submit">Follow</button>
            </form>
        {% endif %}
    {% endif %}
</div>
{% endblock %}

额外优化：简化重复的取消关注逻辑 #

注意到你的follow视图已经实现了关注/取消关注的切换功能（通过get_or_create判断记录是否存在，不存在则创建，存在则删除），因此单独的unfollow视图和URL是多余的，可以删掉以简化代码：

1. 删除views.py中的unfollow函数
2. 删除urls.py中的unfollow路径
3. 修改模板中的表单action，统一指向follow视图：

{% if request.user.is_authenticated %}
    {% if is_following %}
        <form method="post" action="{% url 'follow' user.username %}">
            {% csrf_token %}
            <button type="submit">Unfollow</button>
        </form>
    {% else %}
        <form method="post" action="{% url 'follow' user.username %}">
            {% csrf_token %}
            <button type="submit">Follow</button>
        </form>
    {% endif %}
{% endif %}

同时确保follow视图的缩进正确（原代码存在缩进错误，修正后如下）：

@login_required
def follow(request, username):
    user_to_follow = get_object_or_404(User, username=username)
    follow, created = Follow.objects.get_or_create(user=request.user, followed_user=user_to_follow)
    if not created:
        follow.delete()
    return redirect(request.META.get('HTTP_REFERER', 'home'))

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