[py][mx]django分页第三方模块django-pure-pagination

前台的这些数据都是从后台取来的
1312420-20180204191406545-814338801.png

分页模块django-pure-pagination

- 一款基于django pagination封装的更好用的分页模块
https://github.com/jamespacileo/django-pure-pagination

- 安装
pip install django-pure-pagination

views.py

from pure_pagination import Paginator, EmptyPage, PageNotAnInteger

class OrgView(View):  # 课程机构列表页
    def get(self, request):
        all_orgs = CourseOrg.objects.all()  # 所有课程机构
        org_count = all_orgs.count()  # 多少家课程机构
        all_citys = CityDict.objects.all()  # 所有城市列表
        
        # 分页模块
        try:
            page = request.GET.get('page', 1)
        except PageNotAnInteger:
            page = 1

        p = Paginator(all_orgs, 3, request=request)
        orgs = p.page(page)

        return render(request, 'org-list.html', {
            "all_orgs": orgs,
            "all_citys": all_citys,
            'org_count': org_count,
        })

设置每页显示

1312420-20180204113106779-1686551335.png

前端修改

注: 这里org_count显示多少家, all_orgs.count()

class OrgView(View):  # 课程机构列表页
    def get(self, request):
        all_orgs = CourseOrg.objects.all()  # 所有课程机构
        org_count = all_orgs.count()  #显示多少家课程机构
    {#    课程机构    #}
    <div>
        <strong>共{{ org_count }}家<strong/>
            <ul>
                {% for course_org in all_orgs.object_list %}
                    <li><img src="{{ MEDIA_URL }}{{ course_org.image }}" alt=""></li>
                {% endfor %}
            </ul>

            {#  渲染默认样式的分页 #}
            <p>{{ all_orgs.render }}</p> 
    </div>

完整的前端代码

{% extends 'base.html' %}{# 一定要出现在第一行 #}
{% load staticfiles %}
{% block title %}
    课程列表
{% endblock %}

{% block custom_bread %}
    <div>
        <ul>
            <li><a href="">首页</a>>课程机构</li>

        </ul>
    </div>
{% endblock %}

{% block content %}
    {#    机构类别    #}
    <div>
        <p><strong>机构类别</strong>: 全部 培训结构 高校 个人</p>
    </div>

    {#    城市    #}
    <div>
        <p><strong>城市</strong>:{% for city in all_citys %}
            {{ city.name }}
        {% endfor %}
        </p>
    </div>
    {#    课程机构    #}
    <div>
        <strong>共{{ org_count }}家<strong/>
            <ul>
                {% for course_org in all_orgs.object_list %}
                    <li><img src="{{ MEDIA_URL }}{{ course_org.image }}" alt=""></li>
                {% endfor %}
            </ul>
            <p>{{ all_orgs.render }}</p>
    </div>
{% endblock %}

1312420-20180204112911373-216176466.png

转载于:https://www.cnblogs.com/iiiiiher/p/8412807.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我! 毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值