Я добавил модель Like, но не знаю, как увеличить количество Like.

Я создал приложение Блог, и я хочу добавить кнопку Like к каждой записи в блоге, как я могу это сделать? Как я могу сделать это в представлении и шаблоне?

модели: 

class Like(models.Model):
    user = models.ForeignKey(User, on_delete=models.CASCADE)
    post = models.ForeignKey(Photo, on_delete=models.CASCADE)

    def __str__(self):
        return str(self.user)

взгляд: 

def viewPhoto(request, pk):
    post = get_object_or_404(Photo, id=pk)
    photo = Photo.objects.get(id=pk)
    return render(request, 'photo.html', {'photo': photo, 'post': post })

Для того, чтобы использовать подобную функциональность, вы делаете что-то вроде этого, но я надеюсь, вы знаете, как работать с фронтендом, в вашем html? 


def like(request, pk):
    post = Photo.objects.get(pk=pk)
    liked= False
    like = Like.objects.filter(username=request.user, post=post)
    if like:
        like.delete()
    else:
        liked = True
        Like.objects.create(username=request.user, post=post)
    resp = {
        'liked':liked
    }
    response = json.dumps(resp)
    return redirect('') #  redirect to any url after the object has  been liked
    return HttpResponse(response,content_type = "application/json")

Вам нужно будет поместить понравившийся объект в любое представление, которое предпочтет иметь функцию like:


def viewPhoto(request, pk):
    post = get_object_or_404(Photo, id=pk)
    photo = Photo.objects.get(id=pk)
    liked = [i for i in Photo.objects.all() if Like.objects.filter(username = 
             request.user, post=i)] 
    return render(request, 'photo.html', {'photo': photo, 'post': post ,'liked':liked})

Html шаблон это просто чтобы дать вам идею о том, как сделать это в вашем html, поскольку я не знаю, какой тип скрипта или css вы используете. поэтому кнопка может не выглядеть как большой палец в вашем случае.


 <button class="btn btn-white mr-3 like" id="{{ post.id }}">
 {% if post in liked %}
 <a href="{% url 'blog:like' post.pk %}" id="likebtn{{ post.pk }}"  
            class="flex items-center space-x-2">
 <div> Unlike</div>
 </a>
    {% else %}
<a href="{% url 'blog:like' post.pk %}" id="likebtn{{ post.pk }}" class="flex items-center space-x-2">                                 
 <div>Like</div>
     </a>
    {% endif %}
   </button>
Вернуться на верх