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

Question

Игорь МаксимовNov. 30, 2018, 5:42 p.m.

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);
});

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

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

We recommend hosting TIMEWEB

Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Subscribe to the discussion2

Section subscription100

The question is asked by the articleDjango - Tutorial 023. Like Dislike system using GenericForeignKey

Do you like it? Share on social networks!

Nov. 30, 2018, 5:52 p.m.

Добрый день!

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

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

ИМ

Nov. 30, 2018, 5:58 p.m.

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 %}

Nov. 30, 2018, 6:02 p.m.
The answer was marked as a solution.

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

ИМ

Nov. 30, 2018, 6:07 p.m.

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

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

ИМ

Nov. 30, 2018, 6:28 p.m.

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

    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)

Nov. 30, 2018, 8:41 p.m.

Вот это

def movie(self, request, pk):

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

def post(self, request, pk):

ИМ

Nov. 30, 2018, 9:02 p.m.

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

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

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

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

Nov. 30, 2018, 9:06 p.m.

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

ИМ

Nov. 30, 2018, 9:30 p.m.

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

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.

Nov. 30, 2018, 10:11 p.m.

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

Как будто, у вас запрос улетает не в ту вьшку, ошибка 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 для правильного запроса, в общем много лишней мороки, лучше отдельное приложения для подобного.

ИМ

Dec. 1, 2018, 4:04 p.m.

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

Comments

Only authorized users can post comments.
Please, Log in or Sign up