Like Dislike система с помощью GenericForeignKey

Question

Игорь Максимов30 ноября 2018 г. 6:42

Like Dislike система с помощью GenericForeignKey

Доброго времени суток форум. Год назад начал ваять проект под свои нужды и так вышло что забил на него немного. Вот решил продолжить и остановился на лайках.

Имею такие модели:

class LikeDislikeManager(models.Manager):
	use_for_related_fields = True
 
	def likes(self):
		return self.get_queryset().filter(vote__gt=0)
 
	def dislikes(self):
		return self.get_queryset().filter(vote__lt=0)
 
	def sum_rating(self):
		return self.get_queryset().aggregate(Sum('vote')).get('vote__sum') or 0

	def movies(self):
		return self.get_queryset().filter(content_type__model='movie').order_by('-movies__pub_date')

class LikeDislike(models.Model):
	class Meta():
		db_table = 'LikeDislike'

	LIKE = 1
	DISLIKE = -1
 
	VOTES = (
		(DISLIKE, 'Не нравится'),
		(LIKE, 'Нравится')
	)

	vote = models.SmallIntegerField('Голос', choices=VOTES)
	user = models.ForeignKey(User, on_delete=models.CASCADE, verbose_name="Пользователь")
	content_type = models.ForeignKey(ContentType, on_delete=models.CASCADE)
	object_id = models.PositiveIntegerField()
	content_object = GenericForeignKey()
	objects = LikeDislikeManager()

Урлы:

    path('movie/<pk>/like/',
         login_required(views.VotesView.as_view(model=Movie, vote_type=LikeDislike.LIKE)),
        name='movie_like'),
    path('movie/<pk>/dislike/',
        login_required(views.VotesView.as_view(model=Movie, vote_type=LikeDislike.DISLIKE)),
        name='movie_dislike'),

Вьюха:

class VotesView(View):
    model = None    # Модель данных - Статьи или Комментарии
    vote_type = None # Тип комментария Like/Dislike

    def movie(self, request, pk):
        obj = self.model.objects.get(pk=pk)
        # GenericForeignKey не поддерживает метод get_or_create
        try:
            likedislike = LikeDislike.objects.get(content_type=ContentType.objects.get_for_model(obj), object_id=obj.id, user=request.email)
            if likedislike.vote is not self.vote_type:
                likedislike.vote = self.vote_type
                likedislike.save(update_fields=['vote'])
                result = True
            else:
                likedislike.delete()
                result = False
        except LikeDislike.DoesNotExist:
            obj.votes.create(user=request.email, vote=self.vote_type)
            result = True

        return HttpResponse(
            json.dumps({
                "result": result,
                "like_count": obj.votes.likes().count(),
                "dislike_count": obj.votes.dislikes().count(),
                "sum_rating": obj.votes.sum_rating()
            }),
            content_type="application/json"
        )

Шаблон:

<ul>
    <li data-id="{{ like_obj.id }}" data-type="movie" data-action="like" title="Нравится">
        <span style="cursor: pointer" class="fa fa-thumbs-up"></span>
        <span data-count="like">{{ like_obj.votes.likes.count }}</span>
    </li>
    <li data-id="{{ like_obj.id }}" data-type="movie" data-action="dislike" title="Не нравится">
        <span style="cursor: pointer" class="fa fa-thumbs-down"></span>
        <span data-count="dislike">{{ like_obj.votes.dislikes.count }}</span>
    </li>
</ul>

Ну и javascript:

// Получение переменной cookie по имени
function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie !== '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) === (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}

// Настройка AJAX
$(function () {
    $.ajaxSetup({
        headers: { "X-CSRFToken": getCookie("csrftoken") }
    });
});


function like()
{
    var like = $(this);
    var type = like.data('type');
    var pk = like.data('id');
    var action = like.data('action');
    var dislike = like.next();

    $.ajax({
        url : "/" + type +"/" + pk + "/" + action + "/",
        type : 'POST',
        data : { 'obj' : pk },

        success : function (json) {
            like.find("[data-count='like']").text(json.like_count);
            dislike.find("[data-count='dislike']").text(json.dislike_count);
        }
    });

    return false;
}

function dislike()
{
    var dislike = $(this);
    var type = dislike.data('type');
    var pk = dislike.data('id');
    var action = dislike.data('action');
    var like = dislike.prev();

    $.ajax({
        url : "/" + type +"/" + pk + "/" + action + "/",
        type : 'POST',
        data : { 'obj' : pk },

        success : function (json) {
            dislike.find("[data-count='dislike']").text(json.dislike_count);
            like.find("[data-count='like']").text(json.like_count);
        }
    });

    return false;
}

// Подключение обработчиков
$(function() {
    $('[data-action="like"]').click(like);
    $('[data-action="dislike"]').click(dislike);
});

При нажатии на лайк-дизлайк в консоле браузера получаю:

Прошу помощи в настройке сабжа.

Рекомендуем хостинг TIMEWEB

Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Подписка на обсуждение2

Подписка на раздел100

Вопрос задан по статьеDjango - Урок 023. Like Dislike система с помощью GenericForeignKey

Вам это нравится? Поделитесь в социальных сетях!

30 ноября 2018 г. 6:52

Добрый день!

У вас id объекта не подставляется в data-id.

Покажите полностью шаблон, где добавляете лайки и дислайки

ИМ

30 ноября 2018 г. 6:58

movie.html:

{% extends 'base/base.html' %}
{% block content %}
    <article>
        <h3>{{ movie.name }}</h3>
        <h6 class="text-secondary">{{ movie.orig_name }}</h6>

<div class="boxer">
    <div class="box-row">
        <div class="poster-movie"><img src="{{ movie.poster.url }}"></div>
        <div class="player">
                <video poster="/path/to/poster.jpg" controls>
                    <source src="{{ movie.video.url }}" type="video/mp4">
                    <!-- Captions are optional -->
                    <track kind="captions" label="English captions" src="/path/to/captions.vtt" srclang="en" default>
                </video>
        </div>
    </div>

    <div class="box-row">
        <div class="info">
            <div class="votes">
            <ul>
                <li data-id="{{ like_obj.id }}" data-type="movie" data-action="like" title="Нравится">
                    <span style="cursor: pointer" class="fa fa-thumbs-up"></span>
                    <span data-count="like">{{ like_obj.votes.likes.count }}</span>
            </li>
                <li data-id="{{ like_obj.id }}" data-type="movie" data-action="dislike" title="Не нравится">
                    <span style="cursor: pointer" class="fa fa-thumbs-down"></span>
                    <span data-count="dislike">{{ like_obj.votes.dislikes.count }}</span>
                </li>
            </ul>
            </div>
            <p><b>Год выхода:</b> {{ movie.year | date:"Y" }}</p>
            <p><b>Страна:</b> {{ movie.country }}</p>
            <p><b>Перевод:</b> {{ movie.translate }}</p>

        </div>
        <div class="descr">
                <div class="discription">
                    <h5>Описание:</h5>
                    {{ movie.description|safe }}
                </div>
        </div>
    </div>
</div>



    </article>
    {% if popular_list %}
<ul class="list-group">
<li class="list-group-item active"><strong>Популярные публикации за неделю</strong></li>
{% for popular_movie in popular_list %}
    <li class="list-group-item">
    <a href="{% url 'movie:movie_detail' popular_movie.movie_id %}">{{ popular_movie.movie__name }}</a>
    </li>
{% endfor %}
</ul>
{% endif %}

<h2>Комментарии</h2>
    {% for comment in comments %}
        <a name="comment-{{ comment.id }}"></a>
        <div class="row" id="{{ comment.id }}">
            <div class="col-md-{{ comment.get_col }} col-md-offset-{{ comment.get_offset }}">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <strong>{{ comment.author_id.get_email|default:comment.author_id.username }}</strong>  
                        {{ comment.pub_date }}
                        <a href="#comment-{{ comment.id }}">#</a>
                    </div>
                    <div class="panel-body">
                        <div>{{ comment.content|safe }}</div>
                        {% if form %}<a class="btn btn-default btn-xs pull-right"
                                        onclick="return show_comments_form({{ comment.id }})">
                              Ответить</a>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    {% endfor %}

    {% if form %}
        <h3 id="write_comment"><a onclick="return show_comments_form('write_comment')">Написать комментарий</a></h3>
        <form id="comment_form" action="{% url 'movie:add_comment' movie.id %}" method="post">
        {% csrf_token %}
        {{ form }}
            <button type="submit" class="btn btn-secondary">Комментировать</button>
        </form>
    {% else %}
        <div class="panel panel-warning">
            <div class="panel-heading">
                <h3 class="panel-title">Комментарии</h3>
            </div>
            <div class="panel-body">
                Только авторизованные пользователи могут оставлять комментарии.<br />
            </div>
        </div>
    {% endif %}

{% endblock %}

30 ноября 2018 г. 7:02
Ответ был помечен как решение.

Замените like_obj на movie

ИМ

30 ноября 2018 г. 7:07

Теперь id передается но ошибка осталась

http://127.0.0.1:8000/movie/1/dislike/ 404 (Not Found)

ИМ

30 ноября 2018 г. 7:28

Немного была путаница в урлах, сейчас оини приобрели такой вид:

    path('<pk>/like/',
         login_required(views.VotesView.as_view(model=Movie, vote_type=LikeDislike.LIKE)),
        name='movie_like'),
    path('<pk>/dislike/',
        login_required(views.VotesView.as_view(model=Movie, vote_type=LikeDislike.DISLIKE)),
        name='movie_dislike'),

Сейчас ошибка в консоле:

http://127.0.0.1:8000/movie/1/like/ 405 (Method Not Allowed)

30 ноября 2018 г. 9:41

Вот это

def movie(self, request, pk):

поменять на это

def post(self, request, pk):

ИМ

30 ноября 2018 г. 10:02

Ситация не изменилась. Пробовал пройтись по той же ссылке:

http://127.0.0.1:8000/movie/1/like/

Таже ошибка HTTP ERROR 405

Даже когда меняю на несуществующий id

30 ноября 2018 г. 10:06

сдаётся мне, что вы рано поменяли url, там правильно было, у вас в последнем вариант по ходу теперь отсутствует movie, либо urls для лайков и дислайков подключается в каком-то месте, где добавляются впереди url ещё какие-то параметры, которые там не должны быть.

ИМ

30 ноября 2018 г. 10:30

Сменил обратно урлы только не вижу теперь логики.

user/
compilation/
movie/ <movie_id>/ [name='movie_detail']
movie/ comment/<movie_id>/ [name='add_comment']
movie/ <pk>/bookmark/ [name='movie_bookmark']
movie/ movie/<pk>/like/ [name='movie_like']
movie/ movie/<pk>/dislike/ [name='movie_dislike']
admin/
[name='index']
^media\/(?P<path>.*)$
The current path, movie/1/like/, didn't match any of these.

По идее ссылка должна формироваться вида:

/приложение/id/like/

У меня же сейчас:

/приложение/приложение/id/like/

И даже при таком раскладе ошибка 405.

30 ноября 2018 г. 11:11

так. теперь больше информации. значит всё-таки внутри приложения.

Как будто, у вас запрос улетает не в ту вьшку, ошибка 405 обычно выскакивает в том случае, если не был записан get или post метод, но при этом выполняется get или post запрос.

Поэтому вот этот код был априори неправильный

class VotesView(View):
    model = None    # Модель данных - Статьи или Комментарии
    vote_type = None # Тип комментария Like/Dislike
 
    def movie(self, request, pk):

Нужно было написать так

class VotesView(View):
    model = None    # Модель данных - Статьи или Комментарии
    vote_type = None # Тип комментария Like/Dislike
 
    def post(self, request, pk):

Но почему при последнем вашем изменении и данном исправлении всё ещё вылетает ошибка 405, я ума не приложу, единственное что может быть в этом случае, так это неправильная маршрутизация. Попробуйте поизменять порядок объявления маршрутов. Я с таким поведением Django уже сталкивался. Нужно самые длинные маршруты объявлять первыми, иначе может уйти в неправильную вьюшку.

А вообще API для лайков дислайков и прочего у меня реализовано в отдельном приложении. Поскольку при подключении мультиязычности на сайте появляются проблемы с редиректами запроса и определения языка через javascript для правильного запроса, в общем много лишней мороки, лучше отдельное приложения для подобного.

ИМ

1 декабря 2018 г. 5:04

Вернул в зад урлы. И просто перезагрузил wsgi сервер и все заработало. Спасибо вам Евгений за то что помогли разобраться.