Django中分页功能的实现及封装与调用(超详细)

最新推荐文章于 2024-06-12 16:00:28 发布
最新推荐文章于 2024-06-12 16:00:28 发布
阅读量5.3k 收藏 39
点赞数 13
分类专栏： 基础 文章标签： python django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hpl980342791/article/details/116486643
版权

在django开发过程中，实现前端页面的分页是一个基本且常用的功能！下面就同小编一起完成分页功能的实现及封装与调用。

一，在pycharm中创建django项目

小编默认看客朋友们都会创建，故不在赘述，若不熟悉，猛戳这里！

二，在mysql中创建库

create database pagination;

三，在settings.py中配置常用环境

import os

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/1.11/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'fp5b9^gk)l_+mgoh=0&%4o#m3c1ezj5274k$hu3n@sdn!ab!f='

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = ['*', ]

# Application definition

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app01.apps.App01Config',
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'pagination.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')]
        ,
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'pagination.wsgi.application'

# Database
# https://docs.djangoproject.com/en/1.11/ref/settings/#databases

DATABASES = {
    'default': {
        # 'ENGINE': 'django.db.backends.sqlite3',
        # 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),

        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'pagination',
        'HOST': '127.0.0.1',
        'PORT': '3306',
        'USER': 'root',
        'PASSWORD': '201314',
    }
}

# Password validation
# https://docs.djangoproject.com/en/1.11/ref/settings/#auth-password-validators

AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]

# Internationalization
# https://docs.djangoproject.com/en/1.11/topics/i18n/

# LANGUAGE_CODE = 'en-us'
LANGUAGE_CODE = 'zh-hans'

# TIME_ZONE = 'UTC'
TIME_ZONE = 'Asia/shanghai'

USE_I18N = True

# USE_L10N = True
USE_L10N = False

USE_TZ = True

DATETIME_FORMAT = 'Y-m-d H:i:s'

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.11/howto/static-files/

STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

四，在models.py中创建表结构及数据库的迁移

models.py文件

from django.db import models

# Create your models here.


class Joke(models.Model):
    create_time = models.DateTimeField(auto_now_add=True, verbose_name='创建时间')
    content = models.CharField(max_length=512, verbose_name='内容')

在pycharm的Terminal中分别执行以下两条命令，进行数据库的迁移

python manage.py makemigrations  # 生成迁移文件

python manage.py migrate  # 迁移到数据库

五，连接数据库并添加一些用于分页的数据

小编习惯使用Navicat连接数据库，也可以使用pycharm专业版自带的可视化工具进行连接(若不熟悉，猛戳这里)！

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
5–>为添加数据，6–>刷新到数据库

六，将数据库的数据展示到前端页面

1， urls.py

from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r'^admin/', admin.site.urls),

    url(r'^home/', views.home, name='home'),

]

2，views.py

from django.shortcuts import render
from app01 import models
from custom.paging import Paging

# Create your views here.

def home(request):
    all_jokes = models.Joke.objects.all()
    return render(request, 'home.html', locals())

3,在templates下创建home.html文件

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>个人博客模板</title>
    <meta name="keywords" content="个人博客模板"/>
    <meta name="description" content="个人博客模板"/>
    {% load static %}
    <link href="{% static 'home/css/styles.css' %}" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
</head>
<body>
<header>
    <nav id="nav">
        <ul>
            <li><a href="#">网站首页</a></li>
            <li><a href="#">模板</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">我们的故事</a></li>
            <li><a href="#">我们的蜜月</a></li>
            <li><a href="#">婚礼现场</a></li>
            <li><a href="#">婚纱摄影</a></li>
            <li><a href="#">我们的博客</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
        <script src="{% static 'home/js/silder.js' %}"></script><!--获取当前页导航 高亮显示标题-->
    </nav>
</header>
<div class="mainContent">
    <aside>
        <div class="avatar">
            <a href="#"><span>爱笑的眼睛</span></a>
        </div>
        <section class="topspaceinfo">
            <h1>执子之手，与子偕老</h1>
            <p>于千万人之中，我遇见了我所遇见的人....</p>
        </section>
        <div class="userinfo">
            <p class="q-fans"> 粉丝：<a href="#">520</a></p>
            <p class="btns"><a href="#">私信</a><a href="#">相册</a><a href="#">存档</a></p>
        </div>
        <section class="newpic">
            <h2>最新照片</h2>
            <ul>
                <li><a href="#"><img src="{% static 'home/images/01.jpg' %}"></a></li>
                <li><a href="#"><img src="{% static 'home/images/02.jpg' %}"></a></li>
                <li><a href="#"><img src="{% static 'home/images/03.jpg' %}"></a></li>
                <li><a href="#"><img src="{% static 'home/images/04.jpg' %}"></a></li>
                <li><a href="#"><img src="{% static 'home/images/05.jpg' %}"></a></li>
                <li><a href="#"><img src="{% static 'home/images/06.jpg' %}"></a></li>
                <li><a href="#"><img src="{% static 'home/images/07.jpg' %}"></a></li>
                <li><a href="#"><img src="{% static 'home/images/08.jpg' %}"></a></li>
            </ul>
        </section>
        <section class="taglist">
            <h2>全部标签</h2>
            <ul>
                <li><a href="#">青空</a></li>
                <li><a href="#">情感聊吧</a></li>
                <li><a href="#">study</a></li>
                <li><a href="#">青青唠叨</a></li>
            </ul>
        </section>
    </aside>
    <div class="blogitem">
        {% for joke in all_jokes %}
            <article>
                <h2 class="title"><a href="#">笑话>>{{ forloop.counter }}</a></h2>
                <ul class="text">

                    <p>上传时间：{{ joke.create_time }}</p>
                    <p class="textimg"><img src="{% static 'home/images/001.gif' %}"></p>
                    <p>{{ joke.content }}</p>
                </ul>
                <div class="textfoot">
                    <a href="#">阅读全文</a><a href="#">评论</a><a href="#">转载</a>
                </div>
            </article>
        {% endfor %}
    </div>

</div>
<footer>
    <div class="footavatar">
        <img src="{% static 'home/images/0003.jpg' %}" class="footphoto">
        <ul class="footinfo">
            <p class="fname"><a href="/dancesmile">爱笑的眼睛</a></p>
            <p class="finfo">性别：男 年龄：18岁</p>
            <p>现居：陕西西安</p></ul>
    </div>
    <section class="visitor">
        <h2>最近访客</h2>
        <ul>
            <li><a href="#"><img src="{% static 'home/images/s0.jpg' %}"></a></li>
            <li><a href="#"><img src="{% static 'home/images/s1.jpg' %}"></a></li>
            <li><a href="#"><img src="{% static 'home/images/s2.jpg' %}"></a></li>
            <li><a href="#"><img src="{% static 'home/images/s3.jpg' %}"></a></li>
            <li><a href="#"><img src="{% static 'home/images/s5.jpg' %}"></a></li>
            <li><a href="#"><img src="{% static 'home/images/s6.jpg' %}"></a></li>
            <li><a href="#"><img src="{% static 'home/images/s7.jpg' %}"></a></li>
            <li><a href="#"><img src="{% static 'home/images/s8.jpg' %}"></a></li>
        </ul>
    </section>
    <div class="Copyright">
        <ul>
            <a href="#">帮助中心</a><a href="#">空间客服</a><a href="#">投诉中心</a><a href="#">空间协议</a>
        </ul>
        <p>Design by DanceSmile</p>
    </div>
</footer>
</body>
</html>

启动项目看一下效果
在这里插入图片描述

姑且将此分页功能放下，咱们先实验一个小例子，一会调用！

七，先在一个小例子上实现分页功能，后调用

1，urls.py

from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r'^admin/', admin.site.urls),

    url(r'^home/', views.home, name='home'),
    url(r'^paging/', views.paging, name='paging'),

]

2，views.py

from django.shortcuts import render
from app01 import models
from custom.paging import Paging

# Create your views here.


def home(request):
    all_jokes = models.Joke.objects.all()
    return render(request, 'home.html', locals())

user_list = [{'user': 'hpl-%s' % i, 'pwd': '201314-%s%s' % (i + 1, i + 3)} for i in range(1, 358)]


def paging(request):
    return render(request, 'paging.html', {'user_list': user_list})

3,在templates下创建paging.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
</head>
<body>
<div style="width: 800px;margin: 0 auto;font-size: 17px">
    <table class="table table-hover table-bordered">
        <thead>
        <tr>
            <th>序号</th>
            <th>用户名</th>
            <th>密码</th>
        </tr>
        </thead>
        <tbody>
        {% for user in user_list %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ user.user }}</td>
                <td>{{ user.pwd }}</td>
            </tr>
        {% endfor %}

        </tbody>
    </table>
</div>

</body>
</html>

记得在static文件夹下放置bootstrap的css文件

运行结果如下
在这里插入图片描述

4，实现分页功能

分页功能既可以放在前端，也可以放在后端。但是如果数据量比较大，放在前端就显得不太好，所以咱们将分页功能写在后端！

（1）首先进行异常处理，如直接输入url为…/?page=-3或…/?page=asdf等对错误的处理

def paging(request):
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    print(page)
    return render(request, 'paging.html', {'user_list': user_list})

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
（2）对起始和终止进行固定切片

def paging(request):
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        # print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    # print(page)
    
    # 起始
    start = 0
    # 终止
    end = 7

    return render(request, 'paging.html', {'user_list': user_list[start: end]})

在这里插入图片描述
（3）对起始和终止进行灵活切片

def paging(request):
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        # print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    # print(page)

    # 每页显示的数量
    page_num = 7

    # 起始
    # start = 0
    start = (page - 1) * page_num
    # 终止
    # end = 7
    end = page * page_num

    return render(request, 'paging.html', {'user_list': user_list[start: end]})

在这里插入图片描述
在这里插入图片描述
实际上至此，分页的功能已经基本实现！对于开发者人员懂得直接在url上进行更改，但是对于普通用户使用，便显得并不是十分的友好！

（4）拿取bootstrap的分页功能代码
在这里插入图片描述
将此代码拿下来，放在咱们的paging.html中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
</head>
<body>
<div style="width: 800px;margin: 0 auto;font-size: 17px">
    <table class="table table-hover table-bordered">
        <thead>
        <tr>
            <th>序号</th>
            <th>用户名</th>
            <th>密码</th>
        </tr>
        </thead>
        <tbody>
        {% for user in user_list %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ user.user }}</td>
                <td>{{ user.pwd }}</td>
            </tr>
        {% endfor %}

        </tbody>
    </table>

    <nav aria-label="Page navigation">
        <ul class="pagination pagination-lg">
            <li><a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
            </li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
                <a href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
        </ul>
    </nav>

</div>

</body>
</html>

在这里插入图片描述
（5）计算总页码数

view.py中

def paging(request):
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        # print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    # print(page)

    # 每页显示的数量
    page_num = 7

    # 计算总页码数
    # divmod为len(user_list) / page_num，整数为total_num，余数为remainder
    total_num, remainder = divmod(len(user_list), page_num)
    if remainder != 0:
        total_num += 1
    # print(total_num)

    # 起始
    # start = 0
    start = (page - 1) * page_num
    # 终止
    # end = 7
    end = page * page_num

    return render(request, 'paging.html', {'user_list': user_list[start: end], 'total_num': range(1, total_num + 1)})

paging.html中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
</head>
<body>
<div style="width: 800px;margin: 0 auto;font-size: 17px">
    <table class="table table-hover table-bordered">
        <thead>
        <tr>
            <th>序号</th>
            <th>用户名</th>
            <th>密码</th>
        </tr>
        </thead>
        <tbody>
        {% for user in user_list %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ user.user }}</td>
                <td>{{ user.pwd }}</td>
            </tr>
        {% endfor %}

        </tbody>
    </table>

    <nav aria-label="Page navigation">
        <ul class="pagination pagination-lg">
            <li><a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
            </li>

            {% for num in total_num %}
                <li><a href="?page={{ num }}">{{ num }}</a></li>
            {% endfor %}

            <li>
                <a href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>

        </ul>
    </nav>

</div>

</body>
</html>

运行效果为
在这里插入图片描述
（6）页面要显示的页码数

view.py中

def paging(request):
    global page_end, page_start
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        # print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    # print(page)

    # 每页显示的数量
    page_num = 7

    # 计算总页码数
    # divmod为len(user_list) / page_num，整数为total_num，余数为remainder
    total_num, remainder = divmod(len(user_list), page_num)
    if remainder != 0:
        total_num += 1
    # print(total_num)

    # 页码起始值
    page_start = 1
    # 页码终止值
    page_end = 7

    # 起始
    # start = 0
    start = (page - 1) * page_num
    # 终止
    # end = 7
    end = page * page_num

    return render(request, 'paging.html',
                  {'user_list': user_list[start: end], 'total_num': range(page_start, page_end + 1)})

运行效果为
在这里插入图片描述
（7）处理实际总页码数小于页面总页码数 和 实际总页码数大于页面总页码数情况

view.py中

def paging(request):
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        # print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    # print(page)

    # 每页显示的数量
    page_num = 7

    # 计算总页码数
    # divmod为len(user_list) / page_num，整数为total_num，余数为remainder
    total_num, remainder = divmod(len(user_list), page_num)
    if remainder != 0:
        total_num += 1
    # print(total_num)
    
    # 每页显示的总页码数
    max_page_num = 7

    # 每页显示总页码数一半数
    half_num = max_page_num // 2
    # 实际总页码数 < 页面总页码数
    if total_num < max_page_num:
        # 页码起始值
        page_start = 1
        # 页码终止值
        page_end = total_num
    # 实际总页码数 > 页面总页码数
    else:
        page_start = page - half_num
        page_end = page + half_num

    # 起始
    # start = 0
    start = (page - 1) * page_num
    # 终止
    # end = 7
    end = page * page_num

    return render(request, 'paging.html',
                  {'user_list': user_list[start: end], 'total_num': range(page_start, page_end + 1)})

在这里插入图片描述
（8）处理两边极值情况

view.py中

def paging(request):
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        # print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    # print(page)

    # 每页显示的数量
    page_num = 7

    # 计算总页码数
    # divmod为len(user_list) / page_num，整数为total_num，余数为remainder
    total_num, remainder = divmod(len(user_list), page_num)
    if remainder != 0:
        total_num += 1
    # print(total_num)
    
    # 每页显示的总页码数
    max_page_num = 7

    # 每页显示总页码数一半数
    half_num = max_page_num // 2
    # 实际总页码数 < 页面总页码数
    if total_num < max_page_num:
        # 页码起始值
        page_start = 1
        # 页码终止值
        page_end = total_num
    # 实际总页码数 > 页面总页码数
    else:
        # 处理左边极值
        if page - half_num < 1:
            page_start = 1
            page_end = max_page_num
        # 处理右边极值
        elif page + half_num > total_num:
            page_start = total_num - max_page_num + 1
            page_end = total_num
        else:
            page_start = page - half_num
            page_end = page + half_num

    # 起始
    # start = 0
    start = (page - 1) * page_num
    # 终止
    # end = 7
    end = page * page_num

    return render(request, 'paging.html',
                  {'user_list': user_list[start: end], 'total_num': range(page_start, page_end + 1)})

运行效果为
在这里插入图片描述
在这里插入图片描述

（9）将paging.html中的页码循环放到后端

paging.html中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
</head>
<body>
<div style="width: 800px;margin: 0 auto;font-size: 17px">
    <table class="table table-hover table-bordered">
        <thead>
        <tr>
            <th>序号</th>
            <th>用户名</th>
            <th>密码</th>
        </tr>
        </thead>
        <tbody>
        {% for user in user_list %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ user.user }}</td>
                <td>{{ user.pwd }}</td>
            </tr>
        {% endfor %}

        </tbody>
    </table>

    <nav aria-label="Page navigation">
        <ul class="pagination pagination-lg">
            <li><a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
            </li>

            {{ html_list|safe }}

            <li>
                <a href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>

        </ul>
    </nav>

</div>

</body>
</html>

view.py中

def paging(request):
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        # print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    # print(page)

    # 每页显示的数量
    page_num = 7

    # 计算总页码数
    # divmod为len(user_list) / page_num，整数为total_num，余数为remainder
    total_num, remainder = divmod(len(user_list), page_num)
    if remainder != 0:
        total_num += 1
    # print(total_num)

    # 每页显示的总页码数
    max_page_num = 7

    # 每页显示总页码数一半数
    half_num = max_page_num // 2
    # 实际总页码数 < 页面总页码数
    if total_num < max_page_num:
        # 页码起始值
        page_start = 1
        # 页码终止值
        page_end = total_num
    # 实际总页码数 > 页面总页码数
    else:
        # 处理左边极值
        if page - half_num < 1:
            page_start = 1
            page_end = max_page_num
        # 处理右边极值
        elif page + half_num > total_num:
            page_start = total_num - max_page_num + 1
            page_end = total_num
        else:
            page_start = page - half_num
            page_end = page + half_num

    html_list = []
    for i in range(page_start, page_end + 1):
        html_list.append('<li><a href="?page=%s">%s</a></li>' % (i, i))
    html_list = ''.join(html_list)

    # 起始
    # start = 0
    start = (page - 1) * page_num
    # 终止
    # end = 7
    end = page * page_num

    return render(request, 'paging.html',
                  {'user_list': user_list[start: end], 'html_list': html_list})

（10）基于Bootstrap给当前页加上颜色显示

view.py中

def paging(request):
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        # print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    # print(page)

    # 每页显示的数量
    page_num = 7

    # 计算总页码数
    # divmod为len(user_list) / page_num，整数为total_num，余数为remainder
    total_num, remainder = divmod(len(user_list), page_num)
    if remainder != 0:
        total_num += 1
    # print(total_num)

    # 每页显示的总页码数
    max_page_num = 7

    # 每页显示总页码数一半数
    half_num = max_page_num // 2
    # 实际总页码数 < 页面总页码数
    if total_num < max_page_num:
        # 页码起始值
        page_start = 1
        # 页码终止值
        page_end = total_num
    # 实际总页码数 > 页面总页码数
    else:
        # 处理左边极值
        if page - half_num < 1:
            page_start = 1
            page_end = max_page_num
        # 处理右边极值
        elif page + half_num > total_num:
            page_start = total_num - max_page_num + 1
            page_end = total_num
        else:
            page_start = page - half_num
            page_end = page + half_num

    html_list = []
    for i in range(page_start, page_end + 1):
        if page == i:
            html_list.append('<li class="active"><a href="?page=%s">%s</a></li>' % (i, i))
        else:
            html_list.append('<li><a href="?page=%s">%s</a></li>' % (i, i))

    html_list = ''.join(html_list)

    # 起始
    # start = 0
    start = (page - 1) * page_num
    # 终止
    # end = 7
    end = page * page_num

    return render(request, 'paging.html',
                  {'user_list': user_list[start: end], 'html_list': html_list})

运行效果为
在这里插入图片描述
（11）实现上一页和下一页功能

paging,html中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
</head>
<body>
<div style="width: 800px;margin: 0 auto;font-size: 17px">
    <table class="table table-hover table-bordered">
        <thead>
        <tr>
            <th>序号</th>
            <th>用户名</th>
            <th>密码</th>
        </tr>
        </thead>
        <tbody>
        {% for user in user_list %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ user.user }}</td>
                <td>{{ user.pwd }}</td>
            </tr>
        {% endfor %}

        </tbody>
    </table>

    <nav aria-label="Page navigation">
        <ul class="pagination pagination-lg">

            {{ html_list|safe }}


        </ul>
    </nav>

</div>

</body>
</html>

view.py

def paging(request):
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        # print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    # print(page)

    # 每页显示的数量
    page_num = 7

    # 计算总页码数
    # divmod为len(user_list) / page_num，整数为total_num，余数为remainder
    total_num, remainder = divmod(len(user_list), page_num)
    if remainder != 0:
        total_num += 1
    # print(total_num)

    # 每页显示的总页码数
    max_page_num = 7

    # 每页显示总页码数一半数
    half_num = max_page_num // 2
    # 实际总页码数 < 页面总页码数
    if total_num < max_page_num:
        # 页码起始值
        page_start = 1
        # 页码终止值
        page_end = total_num
    # 实际总页码数 > 页面总页码数
    else:
        # 处理左边极值
        if page - half_num < 1:
            page_start = 1
            page_end = max_page_num
        # 处理右边极值
        elif page + half_num > total_num:
            page_start = total_num - max_page_num + 1
            page_end = total_num
        else:
            page_start = page - half_num
            page_end = page + half_num

    html_list = []

    html_list.append(
        '<li><a href="?page=%s" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>' % (page - 1))

    for i in range(page_start, page_end + 1):
        if page == i:
            html_list.append('<li class="active"><a href="?page=%s">%s</a></li>' % (i, i))
        else:
            html_list.append('<li><a href="?page=%s">%s</a></li>' % (i, i))

    html_list.append(
        '<li><a href="?page=%s" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>' % (page + 1))

    html_list = ''.join(html_list)

    # 起始
    # start = 0
    start = (page - 1) * page_num
    # 终止
    # end = 7
    end = page * page_num

    return render(request, 'paging.html',
                  {'user_list': user_list[start: end], 'html_list': html_list})

（12）两边到达极值后，上一页，下一页功能禁用

view.py中

def paging(request):
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        # print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    # print(page)

    # 每页显示的数量
    page_num = 7

    # 计算总页码数
    # divmod为len(user_list) / page_num，整数为total_num，余数为remainder
    total_num, remainder = divmod(len(user_list), page_num)
    if remainder != 0:
        total_num += 1
    # print(total_num)

    # 每页显示的总页码数
    max_page_num = 7

    # 每页显示总页码数一半数
    half_num = max_page_num // 2
    # 实际总页码数 < 页面总页码数
    if total_num < max_page_num:
        # 页码起始值
        page_start = 1
        # 页码终止值
        page_end = total_num
    # 实际总页码数 > 页面总页码数
    else:
        # 处理左边极值
        if page - half_num < 1:
            page_start = 1
            page_end = max_page_num
        # 处理右边极值
        elif page + half_num > total_num:
            page_start = total_num - max_page_num + 1
            page_end = total_num
        else:
            page_start = page - half_num
            page_end = page + half_num

    html_list = []

    if page == 1:
        html_list.append(
            '<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>')
    else:
        html_list.append(
            '<li><a href="?page=%s" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>' % (page - 1))

    for i in range(page_start, page_end + 1):
        if page == i:
            html_list.append('<li class="active"><a href="?page=%s">%s</a></li>' % (i, i))
        else:
            html_list.append('<li><a href="?page=%s">%s</a></li>' % (i, i))

    if page == total_num:
        html_list.append(
            '<li class="disabled"><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>')
    else:
        html_list.append(
            '<li><a href="?page=%s" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>' % (page + 1))

    html_list = ''.join(html_list)

    # 起始
    # start = 0
    start = (page - 1) * page_num
    # 终止
    # end = 7
    end = page * page_num

    return render(request, 'paging.html',
                  {'user_list': user_list[start: end], 'html_list': html_list})

（13）将前端分页代码全部移到后端，并进行分页功能的封装

view.py中

def paging(request):
    try:
        # 获取url中的page值，并将默认值设置为1
        page = int(request.GET.get('page', 1))
        # print(page, type(page))
        if page < 1:
            page = 1
    except Exception:
        page = 1
    # print(page)

    # 每页显示的数量
    page_num = 7

    # 计算总页码数
    # divmod为len(user_list) / page_num，整数为total_num，余数为remainder
    total_num, remainder = divmod(len(user_list), page_num)
    if remainder != 0:
        total_num += 1
    # print(total_num)

    # 每页显示的总页码数
    max_page_num = 7

    # 每页显示总页码数一半数
    half_num = max_page_num // 2
    # 实际总页码数 < 页面总页码数
    if total_num < max_page_num:
        # 页码起始值
        page_start = 1
        # 页码终止值
        page_end = total_num
    # 实际总页码数 > 页面总页码数
    else:
        # 处理左边极值
        if page - half_num < 1:
            page_start = 1
            page_end = max_page_num
        # 处理右边极值
        elif page + half_num > total_num:
            page_start = total_num - max_page_num + 1
            page_end = total_num
        else:
            page_start = page - half_num
            page_end = page + half_num

    html_list = ['<nav aria-label="Page navigation"><ul class="pagination pagination-lg">']

    if page == 1:
        html_list.append(
            '<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>')
    else:
        html_list.append(
            '<li><a href="?page=%s" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>' % (page - 1))

    for i in range(page_start, page_end + 1):
        if page == i:
            html_list.append('<li class="active"><a href="?page=%s">%s</a></li>' % (i, i))
        else:
            html_list.append('<li><a href="?page=%s">%s</a></li>' % (i, i))

    if page == total_num:
        html_list.append(
            '<li class="disabled"><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>')
    else:
        html_list.append(
            '<li><a href="?page=%s" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>' % (page + 1))

    html_list.append('</ul></nav>')

    html_list = ''.join(html_list)

    # 起始
    # start = 0
    start = (page - 1) * page_num
    # 终止
    # end = 7
    end = page * page_num

    return render(request, 'paging.html',
                  {'user_list': user_list[start: end], 'html_list': html_list})

paging.html中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
</head>
<body>
<div style="width: 800px;margin: 0 auto;font-size: 17px">
    <table class="table table-hover table-bordered">
        <thead>
        <tr>
            <th>序号</th>
            <th>用户名</th>
            <th>密码</th>
        </tr>
        </thead>
        <tbody>
        {% for user in user_list %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ user.user }}</td>
                <td>{{ user.pwd }}</td>
            </tr>
        {% endfor %}

        </tbody>
    </table>

    {{ html_list|safe }}

</div>

</body>
</html>

至此基于Bootstrap分页功能已经全部实现完成

下面咱们将其封装起来，方便以后调用

在django项目目录下新建一个文件夹(如小编这里的叫：costom)，在下面新建一个py文件(小编这里叫：paging.py)，两个名字可以自拟
在这里插入图片描述
在paging.py中定义一个类，在类里面定义一个init方法，类名可以自拟，并将刚才写好的分页功能代码复制到init下面

paging.py中

class Paging:
    # page_num为每页显示的数量，max_page_num为每页显示的总页码数
    def __init__(self, request, lengths, page_num=10, max_page_num=7):
        # 首先进行异常错误处理，比如：.../?page=-5等
        try:
            # 获取url中的page值，并将默认值设置为1
            page = int(request.GET.get('page', 1))
            # print(page, type(page))
            if page < 1:
                page = 1
        except Exception:
            page = 1
        # print(page)

        # 每页显示的数量
        # page_num = 7

        # 计算总页码数
        # divmod为len(user_list) / page_num，整数为total_num，余数为remainder
        total_num, remainder = divmod(lengths, page_num)
        if remainder != 0:
            total_num += 1
        # print(total_num)

        # 每页显示的总页码数
        # max_page_num = 7

        # 每页显示总页码数一半数
        half_num = max_page_num // 2
        # 实际总页码数 < 页面总页码数
        if total_num < max_page_num:
            # 页码起始值
            page_start = 1
            # 页码终止值
            page_end = total_num
        # 实际总页码数 > 页面总页码数
        else:
            # 处理左边极值
            if page - half_num < 1:
                page_start = 1
                page_end = max_page_num
            # 处理右边极值
            elif page + half_num > total_num:
                page_start = total_num - max_page_num + 1
                page_end = total_num
            else:
                page_start = page - half_num
                page_end = page + half_num

        html_list = ['<nav aria-label="Page navigation"><ul class="pagination pagination-lg">']

        if page == 1:
            html_list.append(
                '<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>')
        else:
            html_list.append(
                '<li><a href="?page=%s" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>' % (
                            page - 1))

        for i in range(page_start, page_end + 1):
            if page == i:
                html_list.append('<li class="active"><a href="?page=%s">%s</a></li>' % (i, i))
            else:
                html_list.append('<li><a href="?page=%s">%s</a></li>' % (i, i))

        if page == total_num:
            html_list.append(
                '<li class="disabled"><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>')
        else:
            html_list.append(
                '<li><a href="?page=%s" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>' % (
                            page + 1))

        html_list.append('</ul></nav>')

        self.html_list = ''.join(html_list)

        # 起始
        # start = 0
        self.start = (page - 1) * page_num
        # 终止
        # end = 7
        self.end = page * page_num


# 要调用的值

"""
self.start
self.end
self.html_list
"""

（14）分页功能的调用

view.py中

from custom.paging import Paging

user_list = [{'user': 'hpl-%s' % i, 'pwd': '201314-%s%s' % (i + 1, i + 3)} for i in range(1, 358)]


def paging(request):

    page = Paging(request, lengths=len(user_list), page_num=14, max_page_num=7)
    return render(request, 'paging.html',
                  {'user_list': user_list[page.start: page.end], 'html_list': page.html_list})

运行功能🆗！

再看一开始home主页的分页功能

view.py中

from django.shortcuts import render
from app01 import models
from custom.paging import Paging


# Create your views here.


def home(request):
    all_jokes = models.Joke.objects.all()
    page = Paging(request, lengths=all_jokes.count(), page_num=4, max_page_num=9)
    return render(request, 'home.html', {'all_jokes': all_jokes[page.start:page.end], 'html_list': page.html_list})


user_list = [{'user': 'hpl-%s' % i, 'pwd': '201314-%s%s' % (i + 1, i + 3)} for i in range(1, 358)]


def paging(request):
    page = Paging(request, lengths=len(user_list), page_num=14, max_page_num=7)
    return render(request, 'paging.html',
                  {'user_list': user_list[page.start: page.end], 'html_list': page.html_list})

home.html中
在这里插入图片描述
运行效果
在这里插入图片描述

骑着哈哥去旅行
关注
  • 13
    点赞
  • 踩
  • 39
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
自我学习：Django-搜索功能+分页（内有封装模块）
weixin_46075797的博客
05-28 1735
知识点补充1 1.以数字大小的范围查询 2.以字符串查询操作 3.“or”查询 #筛选 同时满足 age=18和 account=110的用户 models.UserInfo.objects.filter(age=18, account= 110) models.UserInfo.objects.filter(age__gt=12, mobile_endswitch= 4004)#筛选 年龄超过12 且 手机尾号为4004的用户 #筛选 任意满足 age=18或account=110的用户 da
Django自定义分页page函数（简洁）
NanGe_BoKe
08-30 1610
最近在使用django框架，今天在做数据统计的时候用到了数据分页，第一时间看了django官方文档https://docs.djangoproject.com/zh-hans/2.1/topics/pagination/，django有自带的分页器自己试着使用了一下，感觉效果一般。所以就在网上找了一些有关django分页的文章，看了很多，各种方法都有但让我感觉最好的就是自定义分页函数，即可以很好的...
Django笔记--python实现将分页功能封装成类
小小城序员的博客
01-23 443
Django笔记–python实现将分页功能封装成类 对于数据的表格形式呈现，庞大的数据量不可能全部放在一页中（除非数据很少）。所以基本上都需要用到分页功能。因此有必要将分页功能封装成一个类，方便使用。 pagination.py（将分页功能分装到Pagination类中） from django.utils.safestring import mark_safe class Pagination: def __init__(self,request,all_count,per_num=10,m
Python实现多数据模糊查询（代码简洁、易理解）
最新发布
weixin_43365615的博客
06-12 332
多数据模糊查询，简单易实现
6-Django项目--分页模块化封装&参数共存
金灰的博客
05-31 793
尾页</span></a></li>')page=1" aria-label="Previous"><span aria-hidden="true">首页跳转
Python Django 封装分页成通用的模块详解
09-18
主要介绍了Python Django 封装分页成通用的模块详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
django 添加分页和搜索
Doraemon_meow_meow的博客
05-25 795
1 .在应用下创建tamplatetgs文件 2 .再在tamplatetags文件下创建pagetag.py pagetag.py from django import template register = template.Library() from django.utils.html import format_html # 自定义分页标签 @register.simple_tag ...
Python 自定义分页方法及示例
longe20111104的博客
05-31 594
Python 自定义分页方法及示例。
django分页查询及对已经分页的数据进行查询，对条件查询后的数据再次分页
java_raylu的博客
11-29 4942
#适用于妹子UI的分页前端,其他的也没问题，稍做修改即可 #对已经分页的数据进行查询，对查询后的数据再次进行分页 #思路：url请求除了需要带current page 还需要带查询的内容，以此判断是否查询后的数据分页 直接上代码： pages：包含两个类1. Pagination表示对全部数据普通分页 2. PaginationQuery表示对条件查询结果进行分页 #适用于妹子UI的分页...
Django 1.11 使用paginator，Django自带分页器
I__can__fly
09-04 3132
使用自带的paginator分页器 接下来我编写一个 views ，名classify。 classify，将模拟请求购物网站的分类产品、并分页返回数据。完成如下任务: 接受两个参数，type，page。”type”：为请求的购物网站产品类别，如 0代表热门。1代表 家居 分类找到产品。分页返回。 为了方便将要传递的参数直接加载URL中。如：127.0.0.1：8000/classify/0/
Django分页前后端处理
Jim
09-02 313
1.view处理 view.py from django.core.paginator import Paginator def book_list() page = request.GET.get('page')# 页码 limit = request.GET.get('limit')# 每页n条 questset = BookInfo.objects.all().order_by('-create_time') lens = len(questset) pages
Django分页功能
hehui1uu的博客
05-19 1930
文章目录前言一、分页相关类及函数介绍二、使用步骤1.引入库2.读入数据总结 前言 分页是网站数据展示不可缺少的一部分，Django作为一个大而全的框架。自然已为开发者提供了内置分页功能 一、分页相关类及函数介绍 Paginator类一共定义了2个必选参数，2个可选参数，8个类方法 Paginator(object_list, per_page, orphans=0, allow_empty_first_page=True) 参数介绍： object_list：必选，需要进行分页处理的数据。常为列.
django中分页的实现和分页组件的封装
weixin_63997211的博客
05-09 816
django中分页功能的实现
django中实现分页查询
廉少的博客
10-18 5830
首先要实现分页查询必须给定俩个参数page(当前页数)和pages(每页显示的数据量,即显示几条数据): 上代码: from django.core.paginator import Paginator def select_master(request): page=int(request.POST.get('page')) pageSize=int(request.POS...
django 分页查询搜索--传递查询参数，翻页时带上查询参数
guochunbiao0416的博客
10-25 1358
django在分页查询的时候，翻页时，v层要传递查询参数，相应的html翻页连接也要带上查询参数 直接上代码 view： @login_required def search_name(request): username = request.session.get('user') search_name = request.GET.get('name') if...
Django中的列表接口如何实现分页功能？
最好的状态是未来可期
09-27 441
Django中的列表接口如何实现分页功能？
django带查询分页点下一页（含前一页、首页末页）时查询条件丢失
liuxings382的博客
01-04 551
在使用django分页功能时，如果list添加了查询功能，当点下一页时，查询条件会被清空，返回的下一页是全量数据的下一页。
Django进行查询结果的分页展示，并保留搜索条件
E_l_Bailong的博客
04-07 4622
1、django对搜索结果进行分页首先推荐一个好用的HTML框架Bootstrap 首先推荐一个好用的HTML框架 Bootstrap 这是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 这里基本涵盖了前端开发的基本框架源码以及详解，非常实使用。 我是一个小小白，因为需要做了一个前端查询页面，因为数据量太大不得已需要用到分页，如果查询条件是固定到...
django实现增删改查分页接口
weixin_71893790的博客
12-07 388
django实现增删改查分页接口实现(小白必备)
帮我实现一个封装Django调用上传文件代码
03-08
好的，我可以帮您实现一个封装Django调用上传文件的代码。您可以使用Django自带的FileField来处理上传文件，具体实现可以参考以下代码： ```python from django.core.files.storage import FileSystemStorage def handle_uploaded_file(file): fs = FileSystemStorage() filename = fs.save(file.name, file) uploaded_file_url = fs.url(filename) return uploaded_file_url ``` 您可以将上述代码放在您的Django应用程序中的视图函数中，然后在模板中使用表单来上传文件。在视图函数中，您可以调用handle_uploaded_file函数来处理上传的文件，并返回文件的URL地址。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值