ИМ
Игорь МаксимовҚар. 30, 2018, 6:42 Т.Ж.

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

django, Like, Dislike, Боль

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

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

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
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Ол саған ұнайды ма? Әлеуметтік желілерде бөлісіңіз!

11
Evgenii Legotckoi
  • Қар. 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 %}
    
      Evgenii Legotckoi
      • Қар. 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)



            Evgenii Legotckoi
            • Қар. 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




                Evgenii Legotckoi
                • Қар. 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.


                    Evgenii Legotckoi
                    • Қар. 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 сервер и все заработало. Спасибо вам Евгений за то что помогли разобраться.

                        Пікірлер

                        Тек рұқсаты бар пайдаланушылар ғана пікір қалдыра алады.
                        Кіріңіз немесе Тіркеліңіз
                        Г

                        C++ - Тест 001. Первая программа и типы данных

                        • Нәтиже:66ұпай,
                        • Бағалау ұпайлары-1
                        t

                        C++ - Тест 001. Первая программа и типы данных

                        • Нәтиже:33ұпай,
                        • Бағалау ұпайлары-10
                        t

                        Qt - Тест 001. Сигналы и слоты

                        • Нәтиже:52ұпай,
                        • Бағалау ұпайлары-4
                        Соңғы пікірлер
                        G
                        GoattRockҚыр. 3, 2024, 1:50 Т.Қ.
                        Linux жүйесінде файлдарды қалай көшіруге болады Задумывались когда-нибудь о том, как мы привыкли доверять свои вещи службам грузоперевозок? Сейчас такие услуги стали неотъемлемой частью нашей жизни, особенно когда речь идет о переездах между …
                        d
                        dblas5Шілде 5, 2024, 11:02 Т.Ж.
                        QML - Сабақ 016. SQLite деректер қоры және онымен QML Qt-та жұмыс істеу Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
                        k
                        kmssrАқп. 8, 2024, 6:43 Т.Қ.
                        Qt Linux - Сабақ 001. Linux астында Autorun Qt қолданбасы как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
                        АК
                        Анатолий КононенкоАқп. 5, 2024, 1:50 Т.Ж.
                        Qt WinAPI - Сабақ 007. Qt ішінде ICMP Ping арқылы жұмыс істеу Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
                        Енді форумда талқылаңыз
                        Evgenii Legotckoi
                        Evgenii LegotckoiМаусым 24, 2024, 3:11 Т.Қ.
                        добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
                        F
                        FynjyШілде 22, 2024, 4:15 Т.Ж.
                        при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …
                        BlinCT
                        BlinCTМаусым 25, 2024, 1 Т.Ж.
                        Нарисовать кривую в qml Всем привет. Имеется Лист листов с тосками, точки получаны интерполяцией Лагранжа. Вопрос, как этими точками нарисовать кривую? ChartView отпадает сразу, в qt6.7 появился новый элемент…
                        BlinCT
                        BlinCTМамыр 5, 2024, 5:46 Т.Ж.
                        Написать свой GraphsView Всем привет. В Qt есть давольно старый обьект дял работы с графиками ChartsView и есть в 6.7 новый но очень сырой и со слабым функционалом GraphsView. По этой причине я хочу написать х…
                        Evgenii Legotckoi
                        Evgenii LegotckoiМамыр 2, 2024, 2:07 Т.Қ.
                        Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Добрый день. По моему мнению - да, но то, что будет касаться вызовов к функционалу Андроида, может создать огромные трудности.

                        Бізді әлеуметтік желілерде бақылаңыз