Home >  > Django 教程之十三:改进分页功能

Django 教程之十三:改进分页功能

0

我们之前设置的分页功能只有“Pre Page”,“Next Page”这样的链接,比如当前页面是第1页,如果我要点到第4页,就要连续点三次“Next Page”,下面我们就看看如何优化它。

1、修改base.html

打开base.html文件,用下面的代码:

<nav id="page-nav"> 
	
	    {% for pg  in post_list.paginator.page_range %}
			{% if post_list.number == pg %}
				<a class="page-number current" href="?page={{ pg }}">{{ pg }}</a>
			{% else %}
				<a class="page-number" href="?page={{ pg }}">{{ pg }}</a>
			{% endif %}
	    {% endfor %}
	
    </nav>

规制原来的:

<nav id="page-nav">
      <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">&hellip;</span><a class="page-number" href="/page/6/">6</a><a class="extend next" rel="next" href="/page/2/">Next &raquo;</a>
    </nav>

修改之后的效果图:

Snap18432

2、修改home.html
打开home.html文件,将代码中的Pre Page改成“上一页”,将Next Page改成“下一页”,修改之后的效果图:
Snap18433

3、查看效果:
修改完成之后,进入博客的首页,可以看到“下一页”的链接,并且页面底端的1,2,3的链接也可以点击进入了。
Snap18434

小知识:
本教程为了讲述方便,将“上一页”与“下一页”的链接与1,2,3,4......放在了不同的地方,一般来说,二者通常是放在一起的,如果配合Bootstrap,就可以做出漂亮的分页效果。可以参考:
Django之分页功能

Django 教程

Django 教程之一:创建网站项目

Django 教程之二:数据库、后台

Django 教程之三:模板的工作机制

Django 教程之四:创建模板

Django 教程之五:动态URL

Django 教程之六:Markdown和代码高亮

Django 教程之七:添加评论系统

Django 教程之八:博客的归档及其他页面

Django 教程之九:搜索和ReadMore

Django 教程之十:RSS和分页

Django 教程之十一:创建自己的模板

Django 教程之十二:修改导航栏

Django 教程之十三:改进分页功能

Django 教程之十四:服务器篇

Django 教程之十五:上传代码

Django 教程之十六:配置网站

原载:蜗牛博客
网址:http://www.snailtoday.com
尊重版权,转载时务必以链接形式注明作者和原始出处及本声明。

本文暂无标签

发表评论

*

*