做网站需要学会什么,河北提供网站制作公司报价,学销售从哪里开始,app开发制作的基本文章目录0.思路引导1.分页效果概述2.分页思路3.Django 第三方拓展#xff1a;django-pure-pagination4.自定义模板0.思路引导
1#xff09;在前面我们通过 Django Pagination 实现简单分页 中#xff0c;我们实现了一个简单的分页导航。但效果有点差强人意#xff0c;我们…
文章目录0.思路引导1.分页效果概述2.分页思路3.Django 第三方拓展django-pure-pagination4.自定义模板0.思路引导
1在前面我们通过 Django Pagination 实现简单分页 中我们实现了一个简单的分页导航。但效果有点差强人意我们只能点上一页和下一页的按钮进行翻页。
2比较完善的分页效果应该像下面这样但想实现这样一种效果Django Pagination 内置的 API 已无能为力。
3接下来我们将通过拓展 Django Pagination 来实现下图这样比较完善的分页效果。
1.分页效果概述
一个比较完善的分页效果应该具有以下特性
始终显示第一页和最后一页。当前页码高亮显示。显示当前页码前后几个连续的页码。如果两个页码号间还有其它页码中间显示省略号以提示用户。
2.分页思路
如果需要自己来实现分页效果我们会怎么做呢先来分析一下导航条的组成部分可以看到整个分页导航条其实可以分成 7 个部分
第 1 页页码这一页需要始终显示。第 1 页页码后面的省略号部分。但要注意如果第 1 页的页码号后面紧跟着页码号 2那么省略号就不应该显示。当前页码的左边部分比如这里的 3-4。当前页码比如这里的 5。当前页码的右边部分比如这里的 6-7。最后一页页码前面的省略号部分。但要注意如果最后一页的页码号前面跟着的页码号是连续的那么省略号就不应该显示。最后一页的页码号。
因此我们的思路是在视图中依据上述规则生成页码列表然后在模板中循环显示页码列表就可以了。
有了思路实现起来其实也并不很难。不过对于这类常见需求别人早就帮我们实现好了本着不重复造轮子的原则直接拿来用就好。
3.Django 第三方拓展django-pure-pagination
我们第一次开始接触 django 第三方拓展在此之前我们一直都基于 django 本身我们提供的功能在开发然而 django 强大的地方就在于海量的第三方应用供我们挑选几乎大部分 web 开发中的需求django 都能找到他人已经写好的第三方应用拿来即用。
事实上正确的 django 开发姿势应该是这样的
充分理解你的需求想一想如果自己实现我会怎么做通过 Google、GitHub、开发者社区论坛等调研已有的实现类似需求的应用拿来即用并尝试理解他人是如何实现这个功能的
首先我们上面分析了分页需求的实现。然后我在 GitHub 上通过 django pagination 关键词进行搜索在比较了多个 star 数比较高的项目后发现 django-pure-pagination 文档最清晰使用最简单因此决定将这个应用集成到我们的博客来。值得一提的是尽管这个应用显示作者最后一次更新代码在 4 年前但我粗略浏览了一下源码发现其依赖的 django api 4 年来异常稳定所以确保能在 django 2.2 中使用。
具体的源代码请戳这里根据教程做以下扩展
1首先安装它 $ pipenv install django-pure-pagination 2)然后将它注册到 INSTALLED_APPS 里
INSTALLED_APPS [# ...pure_pagination, # 分页blog.apps.BlogConfig, # 注册 blog 应用comments.apps.CommentsConfig, # 注册 comments 应用
]3)修改 IndexView让它继承 django-pure-pagination 提供的 PaginationMixin这个混入类将为我们提供上述提到的分页功能。
class IndexView(PaginationMixin, ListView):model Posttemplate_name blog/index.htmlcontext_object_name post_listpaginate_by 104)然后在 common.py 配置中配置一下分页的效果这是 django-pure-pagination 提供的配置项用于个性化配置分页效果
# django-pure-pagination 分页设置
PAGINATION_SETTINGS {PAGE_RANGE_DISPLAYED: 4, # 分页条当前页前后应该显示的总页数两边均匀分布因此要设置为偶数MARGIN_PAGES_DISPLAYED: 2, # 分页条开头和结尾显示的页数SHOW_FIRST_PAGE_WHEN_INVALID: True, # 当请求了不存在页显示第一页
}5)在模板中需要分页的地方调用分页对象的 render 方法就可以了比如在 index.html 中
{% if is_paginated %}{{ page_obj.render }}
{% endif %}注意这里 page_obj 是分页后的对象列表具体请参考上一篇文章的讲解。render 方法会自动帮我们渲染一个预先定义好的分页条至此分页功能就完成了。效果显示如下
4.自定义模板
上边可以看出有时候预定义的分页条并不能满足我们的需求因此我们需要通过自定义的模板来覆盖预定义的模板。
django 查找模板的顺序是首先在项目配置的模板根路径寻找我们项目中配的是 templates 文件夹没有找到的话再去应用的 templates 目录下寻找。
分页模板预定义的路径为 pure_pagination/pagination.html所以我们可以在项目模板根路径下建立一个一模一样的文件结构这样 django 就会首先找到我们的模板从而应用我们自定义的模板而不是预定义的模板。
在 templates 目录下新建一个 pure_pagination\ 目录然后建立一个 pagination.html 文件。
接下来便是在模板中设置分页导航了将导航条的七个部分的数据一一展现即可示例代码如下
div classtext-center pagination stylewidth: 100%ul{% if page_obj.has_previous %}lia href?{{ page_obj.previous_page_number.querystring }}classprevlsaquo;lsaquo; /a/li{% else %}lispan classdisabled prevlsaquo;lsaquo; /span/li{% endif %}{% for page in page_obj.pages %}{% if page %}{% ifequal page page_obj.number %}li classcurrenta href#{{ page }}/a/li{% else %}lia href?{{ page.querystring }} classpage{{ page }}/a/li{% endifequal %}{% else %}...{% endif %}{% endfor %}{% if page_obj.has_next %}lia href?{{ page_obj.next_page_number.querystring }} classnext rsaquo;rsaquo;/a/li{% else %}lispan classdisabled next rsaquo;rsaquo;/span/li{% endif %}/ul
/div效果显示如下
