Showing the Database’s content on the Front Facing Django.How

Listing the Questions on index.html

In view.py under index function get the list of question and store them in an object then pass them to the url

# Get questions and display them
def index(request):
    latest_question_list = Question.objects.order_by('-pub_date')[:5]
    context = {'latest_question_list': latest_question_list}
    return render(request, 'polls/index.html', context)

Edit index.html

<br /> {% extends ‘base.html’ %}<br /> {% block content %} </p> <h1 class="text-center mb-3">Poll Questions</h1> <p> {% if latest_question_list %}<br /> {% for question in latest_question_list %}</p> <div class="card mb-3"> <div class="card-body"> <p class="lead">{{ question.question_text }}</p> <p> <a href="{% url 'polls:detail' question.id %}" class="btn btn-primary btn-sm">Vote Now</a><br /> <a href="{% url 'polls:results' question.id %}" class="btn btn-secondary btn-sm">Results</a> </div> </p></div> <p> {% endfor %}<br /> {% else %}</p> <p>No polls available</p> <p> {% endif %}<br /> {% endblock %}<br />

Create Showing Specific Question’ View, Url & Template

In view.py create another function, find the question using its id then pass it as a dictionary to the url

# Show specific question and choices
def detail(request, question_id):
  try:
    question = Question.objects.get(pk=question_id)
  except Question.DoesNotExist:
    raise Http404("Question does not exist")
  return render(request, 'polls/detail.html', { 'question': question })

Add the url to polls/urls.py

 path('/', views.detail, name='detail'),

Create the template: create detail.html

<br /> {% extends ‘base.html’ %}<br /> {% block content %}<br /> <a class="btn btn-secondary btn-sm mb-3" href="{% url 'polls:index' %}">Back To Polls</a></p> <h1 class="text-center mb-3">{{ question.question_text }}</h1> <p>{% if error_message %}</p> <p class="alert alert-danger"> <strong>{{ error_message }}</strong> </p> <p>{% endif %}</p> <form action="{% url 'polls:vote' question.id %}" method="post"> {% csrf_token %}<br /> {% for choice in question.choice_set.all %}</p> <div class="form-check"> <input type="radio" name="choice" class="form-check-input" id="choice{{ forloop.counter }}" value="{{ choice.id }}" /><br /> <label for="choice{{ forloop.counter }}">{{ choice.choice_text }}</label > </div> <p> {% endfor %}<br /> <input type="submit" value="Vote" class="btn btn-success btn-lg btn-block mt-4" /><br /> </form> <p>{% endblock %}<br />

Create Show Results’ View, Url & Template

In view.py create another function, find the question using its id then pass it as a dictionary to the url

<br /> # Get question and display results<br /> def results(request, question_id):<br /> question = get_object_or_404(Question, pk=question_id)<br /> return render(request, ‘polls/results.html’, { ‘question’: question })<br />

Create Vote’s View, Url

In view.py create another function, find the question using its id then pass it as a dictionary to the url

but first make sure to import reverse, 404, http packages

</p> <p>from django.shortcuts import get_object_or_404, render<br /> from django.http import HttpResponse, HttpResponseRedirect<br /> from django.urls import reverse</p> <p># Vote for a question choice<br /> def vote(request, question_id):<br /> # print(request.POST[‘choice’])<br /> question = get_object_or_404(Question, pk=question_id)<br /> try:<br /> selected_choice = question.choice_set.get(pk=request.POST[‘choice’])<br /> except (KeyError, Choice.DoesNotExist):<br /> # Redisplay the question voting form.<br /> return render(request, ‘polls/detail.html’, {<br /> ‘question’: question,<br /> ‘error_message’: “You didn’t select a choice.”,<br /> })<br /> else:<br /> selected_choice.votes += 1<br /> selected_choice.save()<br /> # Always return an HttpResponseRedirect after successfully dealing<br /> # with POST data. This prevents data from being posted twice if a<br /> # user hits the Back button.<br /> return HttpResponseRedirect(reverse(‘polls:results’, args=(question.id,)))<br />

Add the url to polls/urls.py

path('/vote/', views.vote, name='vote')
 

Create Nav and Partial Templates

In templates folder create a folder partials and create a file _navbar.html the _ means it’s partial, not a full template
</p> <nav class="navbar navbar-dark bg-primary mb-4"> <div class="container"> <a class="navbar-brand" href="/">Pollster</a> </div> </nav> <p>
Then include it the base.html file

{% include 'partials/_navbar.html' %}