Django-pure-pagination的使用

今天跟网课做练习项目的时候使用到了该库,下面做一下使用总结。

django-pure-pagination用于WEB的分页功能,在github上可以看到相关描述:https://github.com/jamespacileo/django-pure-pagination

该库基于django.core.pagination,并在这个基础上做了一些改进。具体的内容可以访问上述地址查看作者的说明文档。一些前置操作链接里描述的很傻瓜式了,这里不再阐述而关注的是View里和前端如何处理:
————————————————————————————————————

1)View

    def get(self, request):
        all_A = ClassA.objects.all()
        
        # 对所有A进行分页
        try:
            page = request.GET.get('page', 1)
        except PageNotAnInteger:
            page = 1

        # 第二个参数代表每一页显示的个数
        p = Paginator(all_A , 2, request=request)
        allA = p.page(page)

        return render(request, "org-list.html", {
            "all_A ": allA,
        })

首先在get方法中,首先获取到所有ClassA的实例,然后是一个异常处理(关于GET/POST的一些内容可以在这里得到一些了解:http://blog.csdn.net/parrot18/article/details/8617405,感谢这位博主的总结),如果没有给page赋值,默认为1,即首页;异常处理类似。

然后,调用Paginator接口获得一个实例(我的理解是类似分页控制器),构造函数如下:

    def __init__(self, object_list, per_page, orphans=0, allow_empty_first_page=True, request=None):
        self.object_list = object_list
        self.per_page = per_page
        self.orphans = orphans
        self.allow_empty_first_page = allow_empty_first_page
        self._num_pages = self._count = None
        self.request = request

这里一般传递三个参数,分别是:

所有ClassA的实例,
每一页显示A的数量,
request

p = Paginator(all_A , 2, request=request)

当我们拿到这个分页控制器实例后,调用page方法,加上page参数(由前端URL传递下来的)即可得到分页实例:

http://127.0.0.1:8000/urlname/?page=3(此处page=3传递到get方法里的page),即

allA = p.page(page)

最后再把 allA 传递回去给前端,View中的基本处理就是这样。

2)前端页面

因为在github上,作者给出的前端样式不一定和我们自己实现的样式一样,所以这里只需要理清它的条件,插入我们自己的样式就可以了。

逻辑大概如下:
1)先判断有没有前一页,如果有,则显示“前一页”这个按钮链接,否则不显示;
2)一个for循环判断当前页,如果是当前页我们就改变他的显示样式(比如给按钮挂个灰色什么,这里是class="active"),否则就是普通样式;
3)最后判断有没有下一页,如果有,则显示“下一页”这个按钮链接,否则不显示;

所以,实际上我们只要提供前一页,常规页码,后一页这三个类型的样式,按照判断格式填充替换就能达到效果。当然如果都没有可以直接使用github上作者给出的第一个方案,只不过有点丑。

下面是一个例子,只要替换掉<li>部分,根据结构填充就可以了。

         <div class="pageturn">
            <ul class="pagelist">
                    {% if all_A.has_previous %}
                        <li class="long"><a href="?{{ all_A.previous_page_number.querystring }}">上一页</a></li>
                    {% endif %}
                    {% for page in all_A.pages %}
                        {% if page %}
                            {% ifequal page all_A.number %}
                                <li class="active"><a href="?{{ page.querystring }}">{{ page }}</a></li>
                            {% else %}
                                <li><a href="?{{ page.querystring }}" class="page">{{ page }}</a></li>
                            {% endifequal %}
                        {% else %}
                            <li class="none"><a href="">...</a> </li>
                        {% endif %}
                    {% endfor %}
                    {% if all_A.has_next %}
                        <li class="long"><a href="?{{ all_A.next_page_number.querystring }}">下一页</a></li>
                    {% endif %}
            </ul>
        </div>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容