Why does my page display all blog entries even after applying pagination

Question

Please help here.

I am programing using pycharm with django.

I am displaying blog entries in a page in my application.

All entries keeping displaying even after setting the views to display 2 entries per page.

Where do you think the error is comming from?

I am not sure it has to do with the template rendering or could it be with

the paginator logic?

Views.py - This is the full View for the blog display.

def blog(request):
profile = About_Us_Model.objects.all()
our_services = Services_Model.objects.all()
blog_post = Blog_Post_Model.objects.filter(status=1)
blog_post_cat = Blog_Category_Model.objects.all()
tags = Blog_Post_Model.tags.all
newsletter_form = NewsLetterForm()
new_member = None

page = request.GET.get('page', 1)
paginator = Paginator(blog_post,2)

try:
    blog_page = paginator.page(page)
except PageNotAnInteger:
    blog_page = paginator.page(1)
except EmptyPage:
    blog_page = paginator.page(paginator.num_pages)

if request.method == 'POST':
    newsletter_form = NewsLetterForm(data=request.POST)
    if newsletter_form.is_valid():
        new_member = newsletter_form.save()
        new_member.save()
    else:
        newsletter_form = NewsLetterForm()

context = {
    'profile': profile,
    'blog_post': blog_post,
    'services': our_services,
    'categories': blog_post_cat,
    'tags': tags,
    'newsletter': newsletter_form,
    'new_member': new_member,
    'blog':blog_page,
    'page':page,
}
return render(request, 'webpages/blog.html', context=context)

Blog.html(Blog entries) - Here I displayed the blog entries

<div class="col-lg-8 entries">
            {% for post in blog_post %}
            <article class="entry" data-aos="fade-up">
              <div class="entry-img">
                <img src="{{post.image.url }}" alt="" class="img-fluid">
              </div>

              <h2 class="entry-title">
                <a href="{% url 'webpages:articles_detail' post.pk %}">{{post.title}}</a>
              </h2>

              <div class="entry-meta">
                <ul>
                  <li class="d-flex align-items-center"><i class="icofont-user"></i> <a href="{% url 'webpages:articles_detail' post.pk %}">{{post.author}}</a></li>
                  <li class="d-flex align-items-center"><i class="icofont-wall-clock"></i> <a href="{% url 'webpages:articles_detail' post.pk %}"><time datetime="2020-01-01">{{post.created_on | date:"Y-m-d"}}</time></a></li>
                  <li class="d-flex align-items-center"><i class="icofont-comment"></i> <a href="{% url 'webpages:articles_detail' post.pk %}">12 Comments</a></li>
                </ul>
              </div>

              <div class="entry-content">
                <p>
                  {{post.body | safe | linebreaks | truncatewords:20 }}
                </p>
                <div class="read-more">
                  <a href="{% url 'webpages:articles_detail' post.pk %}">Read More</a>
                </div>
              </div>
            </article><!-- End blog entry -->
          {% endfor %}

Blog.html (Pagination)

<div class="blog-pagination">
    {% if blog.has_other_pages %}

       <ul class="justify-content-center">
         {% if blog.has_previous %}
            <li><a href="?page={{ blog.previous_page_number }}"><i class="icofont-rounded-left"></i></a></li>
         {% else %}

         <li class="disabled"><i class="icofont-rounded-left"></i></li>
     {% endif %}

     {% for i in blog.paginator.page_range %}
       {% if blog.number == i %}
         <li class="active"><a href="">{{ i }}</a></li>
       {% else %}
       <li><a href="?page={{ i }}">{{ i }}</a></li>
      {% endif %}
     {% endfor %}

      {% if blog.has_next %}
       <li><a href="?page={{ blog.next_page_number }}"><i class="icofont-rounded-right"></i></a></li></a></li>
      {% else %}
      <li class="disabled"><i class="icofont-rounded-right"></i></a></li></li>
      {% endif %}
   </ul>
 {% endif %}

Answer 1

The blog_post is still your queryset containing all the Blog_Post_Model objects, you need to iterate over the Page object, not over the queryset, like:

{% for post in blog %}
    <!-- … -->
{% endfor %}

instead of:

{% for post in blog_post %}
    <!-- … -->
{% endfor %}

QuerySet's are (more or less) immutable, so a paginator does not alter the queryset, it creates a paginated one in the Page object.