Django框架实现分页显示内容的方法详解

{# 引入bootstrap样式的cdn资源 #}<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">

<div id="rootbox">  <h1>文章列表</h1>  <ul id="bloglist">    {# 遍历博文 #}    {% for blog in page.object_list %}      {# 显示博文标题 #}      <li>        <a href="{% url 'app:readblog' blog.id %}" rel="external nofollow" ><h3>{{ blog.title }}</h3></a>      </li>    {% endfor %}  </ul>  {#分页器:html内容拷贝于bootstrap网站-组件-分页#}  {# bootstrap是一整套成熟经典的页面组件框架 #}  <nav aria-label="Page navigation">    <ul class="pagination">      {# 上一页按钮 #}      {# 如果有上一页 #}      {% if page.has_previous %}        <li>          {# 点击超链接,对上一页的页面发起访问 #}          <a href="{% url 'app:blogs' page.previous_page_number %}" rel="external nofollow" aria-label="Previous">            <span aria-hidden="true">«</span>          </a>        </li>      {# 如果没有上一页 #}      {% else %}        {# 当没有上一页时,阅读bootrap文档得知,对当前li使用disabled样式 #}        <li class="disabled">          {# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,处于禁用状态的按钮被点击时直接跳转本页 #}          <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" aria-label="Previous">            <span aria-hidden="true">«</span>          </a>        </li>      {% endif %}      {# 页码按钮 #}      {# 遍历传入的页码范围 #}      {% for p in pagerange %}        {# 如果页码=当前页页码 #}        {% ifequal p currentpage %}          {# 被选中的页码具有高亮效果,阅读bootrap文档得知,对当前li使用active样式 #}          {# {% url 'app:blogs' p %} 点击页码,对第p页的路由发起访问 #}          <li class="active"><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>        {% else %}          {# 非当前页页码普通显示 #}          <li><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>        {% endifequal %}      {% endfor %}      {# 下一页按钮 #}      {% if page.has_next %}        <li>          {# 点击超链接,对下一页的页面发起访问 #}          <a href="{% url 'app:blogs' page.next_page_number %}" rel="external nofollow" aria-label="Next">            <span aria-hidden="true">»</span>          </a></li>      {% else %}        {# 当没有下一页时,阅读bootrap文档得知,对当前li使用disabled样式 #}        <li class="disabled">          {# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,处于禁用状态的按钮被点击时直接跳转本页 #}          <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" aria-label="Next">            <span aria-hidden="true">»</span>          </a></li>      {% endif %}    </ul>  </nav></div>

# 显示博文列表# pagenum=路由参数=用户想要查看第几页def showBlogs(request, pagenum):  # 查询数据库获取所有博文  blogs = Blog.objects.all()  # 构建分页器对象,blogs=所有博文,2=每页显示的个数  paginator = Paginator(blogs, 2)  # 获取第n页的页面对象  page = paginator.page(pagenum)  # Paginator和Page的常用API  # page.previous_page_number()  # page.next_page_number()  # page.has_previous()  # page.has_next()  # 构造页面渲染的数据  '''  渲染需要的数据:  - 当前页的博文对象列表  - 分页页码范围  - 当前页的页码  '''  data = {    # 当前页的博文对象列表    'page': page,    # 分页页码范围    'pagerange': paginator.page_range,    # 当前页的页码    'currentpage': page.number,  }  # 将数据丢给页面渲染  return render(request, 'blogs.html', context=data)