Django问答站点点赞功能if与else同时执行显示双按钮如何解决

• 模板中遍历了当前回答的所有点赞记录，每条点赞记录都会对应渲染一次按钮：如果点赞记录属于当前登录用户就显示实心按钮，属于其他用户就显示空心按钮，因此只要有多个用户点赞过该回答，就会同时出现多个不同样式的按钮
• 若当前回答没有任何点赞记录，整个循环为空，按钮会直接不显示，这也是{% empty %}无法解决问题的核心原因

1. 调整视图层逻辑，提前计算点赞状态 #

修改views.py，在给模板传参前就标注每个回答当前用户是否已点赞，避免模板层做复杂查询和循环：

def question_detail(request, question_id):
    obj = get_object_or_404(Question, pk=question_id)
    answers = obj.answer_set.all()

    # 处理用户点赞状态
    if request.user.is_authenticated:
        # 一次查询拿到当前用户所有点赞过的回答ID
        liked_ids = LikeAnswer.objects.filter(user=request.user).values_list('ans_id', flat=True)
        for ans in answers:
            ans.is_liked = ans.id in liked_ids
    else:
        # 未登录用户默认未点赞
        for ans in answers:
            ans.is_liked = False

    context = {'obj':obj,'answers':answers}
    return render(request, 'question_detail.html', context)

2. 简化模板逻辑，删除点赞记录遍历循环 #

修改quesion_detail.html，直接用提前计算好的is_liked属性判断按钮样式：

{{obj.title}}

{% for anss in answers %}
    {% if anss.is_liked %}
        <button name='submit' type='submit' id="unlike" value="unlike">Unlike</button> <i class="fas fa-thumbs-up"></i>
    {% else %}
        <button name='submit' type='submit' id="like" value="like"></button><i class="fal fa-thumbs-up"></i>
    {% endif %}
{% endfor %}

可选优化：添加数据库唯一约束 #

修改models.py中LikeAnswer的定义，避免同一个用户给同一个回答重复生成点赞记录：

class LikeAnswer(models.Model):
    user = models.ForeignKey(User, on_delete=models.CASCADE)
    ans = models.ForeignKey(Answer, on_delete=models.CASCADE)

    class Meta:
        # 联合唯一约束，用户+回答的组合唯一
        unique_together = ('user', 'ans')

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