Example of Django method to implement fast paging, and django paging instance
Preface
This article mainly introduces Django's quick paging content for your reference and learning. I will not talk much about it below. Let's take a look at the detailed introduction.
Paging
In web development, it is a common requirement to display a large number of products by page. django directly provides ready-made functions for paging, making our development more fast and convenient...
Animation _ Django quick Paging
Sample Code:
In the backend (view function)
From django. shortcuts import renderfrom. models import ShowMyComputer # import method from django. core. paginator import Paginator # Create your views here. def show (request, page_id): # obtain the set of objects to be paged all_goods = ShowMyComputer. objects. all () # create a paging object paginator = Paginator (all_goods, 3) # determine the returned data current_page = paginator based on the current page number. page (page_id) # Make sure that the "page number" obtained by the front-end is an integer page_id = int (page_id) return render (request, 'computer/list.html ', locals ())
In front-end (html template)
<Body >{# display data on the current page #}{% for goods in current_page %}< div class = "my_goods"> <div class = "goods_image">! [Image placeholder] (/static/{goods. goods_image }}) </div> <br> <div class = "goods_name" >{{ goods. goods_name }}</div> </div> {% endfor %} <div class = "page_num" >{# determine whether the 'preput' exists, if yes, the 'previous page' label is retained. Otherwise, the 'previous page' tag # }{% if current_page.has_previous %} <a href = "{% url' computer: show 'current_page.previus_page_number %} "rel =" external nofollow "> previous page </a >{% endif %}{# determine the number of pages #}{ % for index in paginator. page_range % }{# if the page number matches the current page, add a red background #}{% if page_id = index %} <a href = "{% url 'computer: show 'index %} "style =" background-color: red ">{{ index }}</a >{# if the page does not match the current page, displayed normally # }{% else % }< a href = "{% url 'computer: show 'index %} "rel =" external nofollow ">{{ index }}</a >{% endif %}{% endfor %}{# determine whether 'Next' exists, if yes, the 'next page' label is retained. Otherwise, the 'next page' tag # }{% if current_page.has_next %} <a href = "{% url' computer: show 'current_page.next_page_number %} "rel =" external nofollow "> next page </a >{% endif %}</div> </body>
Summary
The above is all the content of this article. I hope the content of this article has some reference and learning value for everyone's learning or work. If you have any questions, please leave a message to us, thank you for your support.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
