Django点赞按钮实现失败：如何通过views.py关联用户与HTML？

我看了你的代码，发现几个关键问题导致点赞功能失效，咱们一步步来修正：

1. 表单参数名不匹配 #

你的HTML表单里按钮的name属性是post_id，但在like_post视图里你尝试获取的是userprofile_id，这两个名字不统一，导致视图拿不到正确的ID，自然无法找到对应的UserProfile对象。

修改like.html里的按钮配置：

<form class="" action="{% url 'like_post' %}" method="POST">
    {% csrf_token %}
    <!-- 把name改成userprofile_id，和视图里的取值对应 -->
    <button type="submit" name="userprofile_id" value="{{ userprofile.id }}" class="btn btn-info">Like</button>
</form>

注意这里的value应该是userprofile.id（你要点赞的目标用户的UserProfile ID），而不是user.id，因为你要操作的是UserProfile对象。

2. 视图中添加重复点赞判断 #

当前代码没有处理用户重复点赞的情况，多次点击会重复添加记录，咱们可以加入判断逻辑，避免无效操作：

修改likeme.views.py：

from django.http import HttpResponseRedirect

def like_post(request):
    # 仅处理POST请求
    if request.method == 'POST':
        userprofile_id = request.POST.get('userprofile_id')
        obj = get_object_or_404(UserProfile, id=userprofile_id)
        
        # 判断当前用户是否已经点赞过
        if request.user in obj.likes.all():
            # 如果已点赞，可以选择取消点赞（根据需求调整）
            obj.likes.remove(request.user)
        else:
            obj.likes.add(request.user)
        
        # 重定向回点击点赞的原页面，比固定跳转更灵活
        return HttpResponseRedirect(request.META.get('HTTP_REFERER', '/'))
    
    # GET请求直接返回原页面
    return HttpResponseRedirect(request.META.get('HTTP_REFERER', '/'))

3. 确认模板传递的对象正确性 #

确保渲染like.html的视图已经把目标UserProfile对象传递给模板，比如在profile_details视图中：

def profile_details(request, user_id):
    user = get_object_or_404(User, id=user_id)
    userprofile = get_object_or_404(UserProfile, user=user)
    return render(request, 'profile_details.html', {'userprofile': userprofile})

这样模板里才能正确拿到userprofile.id作为按钮的value值。

额外优化：显示点赞状态 #

可以在模板里判断当前用户的点赞状态，动态修改按钮样式和文字：

<form class="" action="{% url 'like_post' %}" method="POST">
    {% csrf_token %}
    <button type="submit" name="userprofile_id" value="{{ userprofile.id }}" class="btn {% if request.user in userprofile.likes.all %}btn-danger{% else %}btn-info{% endif %}">
        {% if request.user in userprofile.likes.all %}Unlike{% else %}Like{% endif %}
    </button>
    <span>{{ userprofile.likes.count }} 次点赞</span>
</form>

调整完成后，你可以测试点击按钮，检查数据库中UserProfile的likes关联是否正常更新，应该就能解决功能失效的问题了。

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