如何在 Django 中单击时循环浏览字典？

Question

我正在构建一个简单的抽认卡 web 应用程序。

我已经根据套牌过滤了我的抽认卡并将它们传递给套牌模板。 我正在寻找一种在点击时循环浏览这些卡片的方法。 所以当我点击一个按钮时，牌组中的下一张牌就会显示出来。

我想我可以在点击时增加一些值，然后使用它显示我正在寻找的卡，但我不确定在 Django 中我会如何处理这个问题。 有任何想法吗？

看法：

class DeckDetailView(LoginRequiredMixin, DetailView):
model = Deck

    def get_context_data(self, *args, **kwargs):
         deck = self.get_object()
         deck_title = deck.title
         context = super(DeckDetailView, self).get_context_data(*args, **kwargs)
         context['cards'] = Card.objects.filter(decks__title=deck_title)
         return context

楷模

class Deck(models.Model):
title = models.CharField(max_length=100)
date = models.DateTimeField(default=timezone.now)
creator = models.ForeignKey(User, on_delete=models.CASCADE)

def __str__(self):
    return self.title

class Card(models.Model):
question = models.CharField(max_length=100)
answer = models.TextField()
date = models.DateTimeField(default=timezone.now)
creator = models.ForeignKey(User, on_delete=models.CASCADE)
decks = models.ManyToManyField(Deck)

def __str__(self):
    return self.question

模板

{{ deck.title }}

{% for card in cards reversed %}
            <div class="my-column
            col-xl-4 mt-2 ">
                <div class="card">
                  <div class="card-body">
                    <h5 class="card-title"> {{card.question}} </h5>
                    <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                        <a href="{% url 'mypage-study-deck' deck.id %}">
                            <button type="button" class="btn btn-success">
                              Study this Deck
                            </button>
                  </div>
                </div>
            </div>
        {% endfor %}

感谢您阅读本文。