django学习——用django-pure-pagination进行分页
2017-10-25 23:40
393 查看
源代码:https://github.com/jamespacileo/django-pure-pagination
1、安装
2、设置
在setting.py中设置:
用于展示底部分页栏中数量的显示,可以对其进行更改尝试不同效果。
3、视图函数
其中all_orgs为从数据库中得到内容,orgs为需要传到html中的内容。
4、前端展示
在for循环时,需要在orgs后多加个object_list:
其中的css代码:
将该文本粘贴到分页处即可,对于不同的数据内容,改下all_orgs即可。
最终效果如图:
1、安装
pip install django-pure-pagination
2、设置
在setting.py中设置:
INSTALLED_APPS = ( ... 'pure_pagination', )
PAGINATION_SETTINGS = { 'PAGE_RANGE_DISPLAYED': 10, 'MARGIN_PAGES_DISPLAYED': 2, 'SHOW_FIRST_PAGE_WHEN_INVALID': True, }
用于展示底部分页栏中数量的显示,可以对其进行更改尝试不同效果。
3、视图函数
from pure_pagination import PageNotAnInteger, Paginator try: page = request.GET.get('page', 1) except PageNotAnInteger: page = 1 p = Paginator(all_orgs, 5, request=request) orgs = p.page(page)
其中all_orgs为从数据库中得到内容,orgs为需要传到html中的内容。
4、前端展示
在for循环时,需要在orgs后多加个object_list:
{% for org in orgs.object_list %} {% endfor %}
<!--分页展示--> <div class="pageturn"> <ul class="pagelist"> {% if all_courses.has_previous %} <li class="long"><a href="?{{ all_courses.previous_page_number.querystring }}">上一页</a></li> {% endif %} {% for page in all_courses.pages %} {% if page %} {% ifequal page all_courses.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_courses.has_next %} <li class="long"><a href="?{{ all_courses.next_page_number.querystring }}">下一页</a></li> {% endif %} </ul> </div>
其中的css代码:
.pageturn { clear: both; height: 30px; margin: 50px auto; display: table; text-align: center; } .pageturn .pagelist { display: table-cell; vertical-align: middle; overflow: hidden; } .pageturn li { width: 30px; height: 30px; line-height: 30px; margin-left: 10px; float: left; text-align: center; } .pageturn li:first-child { margin-left: 0; } .pageturn li:hover a, .pageturn .active a { background: #717171; color: #fff; border-color: #eaeaea; } .pageturn a { border: 1px solid #eaeaea; display: block; height: 28px; color: #6c6c6c; } .pageturn .long { width: 100px; } .pageturn .none a { border: 0; }
将该文本粘贴到分页处即可,对于不同的数据内容,改下all_orgs即可。
最终效果如图:
相关文章推荐
- django 分页django-pure-pagination(zz)
- django-pure-pagination分页功能的实现
- django 分页django-pure-pagination
- django-pure-pagination分页功能的实现
- django-pure-pagination分页功能的实现
- [py][mx]django分页第三方模块django-pure-pagination
- django-pure-pagination分页功能的实现
- django-pure-pagination分页功能的实现
- django-pure-pagination分页功能的实现
- django-pure-pagination分页功能的实现
- django-pure-pagination分页功能的实现
- django-pure-pagination 分页插件
- django-pure-pagination分页功能的实现
- django-pure-pagination分页功能的实现
- django-pure-pagination分页功能的实现
- django-pure-pagination分页功能的实现
- django-pure-pagination分页功能的实现
- django实现分页(pure-pagination)
- django-pure-pagination分页功能的实现
- django-pure-pagination分页功能的实现