Как увеличить следующую запись в Django / Шаблоны - PullRequest
Новая
       46

Как увеличить следующую запись в Django / Шаблоны

0 голосов
/ 04 марта 2019

В index.html - я могу прочитать первый элемент моей таблицы / модели в Django, просто с моим кодом ниже.Однако после того, как пользователь нажмет кнопку next - я хочу, чтобы он получил следующий элемент моей таблицы / модели.(как / где мне построить этот счетчик?)

здесь - views.py 

def index(request):
  flash_dict = {'flashcards': Card.objects.get(pk=1)}
  return render(request, 'flash/index.html', context=flash_dict)

здесь - index.html 

      <div class = "jumbotron">
        {% if flashcards %}
          <p class = 'question'>{{ flashcards }}</p>
          <p class = 'answer'>{{ flashcards.flash_answer }}</p>
          <button type="button" class="btn btn-primary" onclick = "flip()">Flip</button>
          <button type="button" class="btn btn-primary">Next</button>
          {% else %}
            <p>NO ACCESS RECORDS FOUND!</p>
          {% endif %}
      </div>

здесь - models.py

from django.db import models

# Create your models here.

class Card(models.Model):
  flash_question = models.TextField()
  flash_answer = models.TextField()
  objects = models.Manager()

  def __str__(self):
    return self.flash_question

вот urls.py (в папке базового проекта) 

from django.contrib import admin
from django.urls import path, include
from flash import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('',views.index,name='index'),
]

вот urls.py (в папке приложения) 

from django.conf.urls import url
from flash import views

urlpatterns = [
  url(r'^$', views.index, name='index')
]

1 Ответ

0 голосов
/ 04 марта 2019

Семантически «правильный» способ выполнить эту работу - значительно переписать код:

Сначала вам нужно изменить urls.py в вашей базовой папке, чтобы URL-адрес флэш-карты принимал идентификатор флэш-карты,Это позволит вам посетить флэш-карту / 1 /, флэш-карту / 2 / и т. Д. И просмотреть данные для соответствующей флэш-карты.

urls.py 

from django.contrib import admin
from django.urls import path, include
from flash import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('flashcard/<int:card>/',views.index,name='flashcard'), # Here we are adding a variable to the URL pattern, which will be passed to the view
]

Затем вам нужно изменить свое представление так, чтобы оно брало идентификатор карточки из URL и отображало карточку, о которой идет речь:

views.py 

def flashcard(request, card=1): # Your view will now look for the 'card' variable in your URL pattern.
  flash_dict = {'flashcards': Card.objects.get(pk=card)} # Your 'flashcards' variable now holds the card that corresponds to the ID in the URL
  return render(request, 'flash/index.html', context=flash_dict)

Затеммы напишем метод в вашей модели Card, который будет вызывать следующую карту при вызове self.get_next.Теперь, если у вас есть объект Card, вы можете найти следующую карту, вызвав card.get_next ():

models.py 

from django.db import models

# Create your models here.

class Card(models.Model):
  flash_question = models.TextField()
  flash_answer = models.TextField()
  objects = models.Manager()

  def __str__(self):
    return self.flash_question

  def get_next(self):
    next = Card.objects.filter(id__gt=self.id).order_by('id').first()
    if next:
        return next
    # If the current card is the last one, return the first card in the deck
    else:
        return Card.objects.all().order_by('id').first()

Наконец, мыЗаменим кнопки в вашем шаблоне ссылкой, которая ссылается на новое представление «карточки», и передаст ей идентификатор следующей карточки в следующей последовательности:

template.html 

<div class = "jumbotron">
        {% if flashcards %}
          <p class = 'question'>{{ flashcards }}</p>
          <p class = 'answer'>{{ flashcards.flash_answer }}</p>
          <!-- Here we link to the 'flashcard' view, and pass it the ID of the next card in the sequence -->
          <a href="{% url 'flashcard' flashcards.get_next.id %}">Next flashcard</a>
          {% else %}
            <p>NO ACCESS RECORDS FOUND!</p>
          {% endif %}
      </div>

Теперь попробуйте посетить / flashcard / 1, чтобы увидеть, как все работает вместе.

...