Вопрос

Я делаю небольшое приложение, которое позволяет пользователям голосовать за или против пунктов.Я использую Django (и новичок в этом!).

Мне просто интересно, как лучше всего представить ссылку для голосования пользователю.Как ссылку, кнопку или что-то еще?

Я уже делал что-то подобное на PHP с другой структурой, но не уверен, смогу ли я сделать то же самое.Должен ли у меня быть метод для голосования «за» или «против», а затем отображать ссылку, по которой пользователь может щелкнуть.Когда они нажимают на него, он выполняет метод и обновляет страницу?

Это было полезно?

Решение

Просто подключите и играйте:

RedditСтильГолосование
Реализация голосования в стиле Reddit для любой модели с помощью django-voting.
http://code.google.com/p/django-voting/wiki/RedditStyleVoting

Другие советы

Вот суть моего решения.Я использую изображения с jQuery/AJAX для обработки кликов.Сильное влияние оказал этот сайт.Есть некоторые вещи, которые требуют некоторой доработки (например, обработка ошибок в клиенте - и большая часть этого, вероятно, может быть реорганизована), но, надеюсь, этот код будет вам полезен.

HTML:

        <div class="vote-buttons">
        {% ifequal thisUserUpVote 0 %}
        <img class="vote-up" src = "images/vote-up-off.png" title="Vote this thread UP. (click again to undo)" />
        {% else %}
        <img class="vote-up selected" src = "images/vote-up-on.png" title="Vote this thread UP. (click again to undo)" />
        {% endifequal %}
        {% ifequal thisUserDownVote 0 %}
        <img class="vote-down" src = "images/vote-down-off.png" title="Vote this thread DOWN if it is innapropriate or incorrect. (click again to undo)" />
        {% else %}
        <img class="vote-down selected" src = "images/vote-down-on.png" title="Vote this thread DOWN if it is innapropriate or incorrect. (click again to undo)" />
        {% endifequal %}
        </div> <!-- .votebuttons -->

jQuery:

$(document).ready(function() {

    $('div.vote-buttons img.vote-up').click(function() {

        var id = {{ thread.id }};
        var vote_type = 'up';

        if ($(this).hasClass('selected')) {
            var vote_action = 'recall-vote'
            $.post('/ajax/thread/vote', {id:id, type:vote_type, action:vote_action}, function(response) {
                if (isInt(response)) {
                    $('img.vote-up').removeAttr('src')
                        .attr('src', 'images/vote-up-off.png')
                        .removeClass('selected');
                    $('div.vote-tally span.num').html(response);
                }
            });
        } else {

            var vote_action = 'vote'
            $.post('/ajax/thread/vote', {id:id, type:vote_type, action:vote_action}, function(response) {
                if (isInt(response)) {
                    $('img.vote-up').removeAttr('src')
                        .attr('src', 'images/vote-up-on.png')
                        .addClass('selected');
                    $('div.vote-tally span.num').html(response);
                }
            });
        }
    });

Представление Django, обрабатывающее запрос AJAX:

def vote(request):
   thread_id = int(request.POST.get('id'))
   vote_type = request.POST.get('type')
   vote_action = request.POST.get('action')

   thread = get_object_or_404(Thread, pk=thread_id)

   thisUserUpVote = thread.userUpVotes.filter(id = request.user.id).count()
   thisUserDownVote = thread.userDownVotes.filter(id = request.user.id).count()

   if (vote_action == 'vote'):
      if (thisUserUpVote == 0) and (thisUserDownVote == 0):
         if (vote_type == 'up'):
            thread.userUpVotes.add(request.user)
         elif (vote_type == 'down'):
            thread.userDownVotes.add(request.user)
         else:
            return HttpResponse('error-unknown vote type')
      else:
         return HttpResponse('error - already voted', thisUserUpVote, thisUserDownVote)
   elif (vote_action == 'recall-vote'):
      if (vote_type == 'up') and (thisUserUpVote == 1):
         thread.userUpVotes.remove(request.user)
      elif (vote_type == 'down') and (thisUserDownVote ==1):
         thread.userDownVotes.remove(request.user)
      else:
         return HttpResponse('error - unknown vote type or no vote to recall')
   else:
      return HttpResponse('error - bad action')


   num_votes = thread.userUpVotes.count() - thread.userDownVotes.count()

   return HttpResponse(num_votes)

И соответствующие части модели Thread:

class Thread(models.Model):
    # ...
    userUpVotes = models.ManyToManyField(User, blank=True, related_name='threadUpVotes')
    userDownVotes = models.ManyToManyField(User, blank=True, related_name='threadDownVotes')

Что бы вы ни делали, убедитесь, что оно отправлено методом POST, а не GET;GET-запросы должны никогда изменить информацию в базе данных.

Как ссылку, кнопку или что-то еще?

Что-то еще, а как насчет изображения?

Когда они нажимают на него, он выполняет метод и обновляет страницу?

Возможно, вам лучше использовать ajax для вызова метода сохранения голосования и вообще ничего не обновлять.

Вот что мне приходит на ум.

enter image description here

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top