Django Vote Up/Down phương pháp

Question

Tôi đang tạo một ứng dụng nhỏ cho phép người dùng bỏ phiếu các mục lên hoặc xuống. Tôi đang sử dụng Django (và mới cho nó!).

Tôi chỉ tự hỏi, cách tốt nhất để trình bày liên kết upvote cho người dùng là gì. Là một liên kết, nút hoặc cái gì khác?

Tôi đã làm một cái gì đó như thế này trong php với một khuôn khổ khác nhau nhưng tôi không chắc chắn nếu tôi có thể làm điều đó theo cùng một cách. Tôi có nên có một phương pháp để bỏ phiếu lên/xuống và sau đó hiển thị một liên kết để người dùng nhấp vào. Khi họ nhấp vào nó, nó thực hiện phương pháp và làm mới trang?

Answer 1

Chỉ cần cắm và chơi:

RedditStyleVoting
Thực hiện phong cách reddit bỏ phiếu cho bất kỳ mẫu với django-bỏ phiếu
http://code.google.com/p/django-voting/wiki/RedditStyleVoting

Answer 2

Là một liên kết, nút hoặc cái gì khác?

Còn gì khác, về hình ảnh?

Khi nhấp vào, nó thực hiện phương pháp và làm mới trang?

Có lẽ bạn nên sử dụng ajax để gọi phương thức lưu phiếu bầu và không làm mới gì cả.

Đây là những gì tôi nghĩ đến.

Answer 3

Dù bạn làm gì, hãy đảm bảo rằng nó được gửi bởi POST chứ không phải GET; Yêu cầu GET nên không bao giờ thay đổi thông tin cơ sở dữ liệu.

Answer 4

Dưới đây là các ý chính của giải pháp của tôi. Tôi sử dụng hình ảnh với jQuery/AJAX để xử lý các nhấp chuột. Chịu ảnh hưởng mạnh mẽ của trang web này. Có một số công cụ có thể sử dụng một số công việc (ví dụ: xử lý lỗi trong máy khách - và phần lớn nó có thể được tái cấu trúc) nhưng hy vọng mã này hữu ích cho bạn.

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

Các 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); 
       } 
      }); 
     } 
    }); 

Quan điểm Django để xử lý yêu cầu 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) 

Và những phần liên quan của mô hình Chủ đề:

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