CRM之分页

分页简介

  分页功能在网页中是非常常见的一个功能,其作用也就是将数据分割成多个页面来进行显示。

  使用场景: 当取到的数据量达到一定的时候,就需要使用分页来进行数据分割。

  当我们不使用分页功能的时候,会面临许多的问题:

客户端的问题: 如果数据量太多,都显示在同一个页面的话,会因为页面太长严重影响到用户的体验,也不便于操作,也会出现加载太慢的问题。

服务端的问题: 如果数据量太多,可能会造成内存溢出,而且一次请求携带的数据太多,对服务器的性能也是一个考验。

例子:

用类的方式:

在后台进行分页

1.首先在项目根目录下创建一个utils包, 创建pagination.py文件

# pagination.py
class Pagination:

    def __init__(self, page_num, all_count, per_num=11, max_page=10):
        """
        :param page_num: 当前页数
        :param all_count: 总数据量
        :param per_num: 每页显示的数据量
        :param max_page: 显示最大页码数, 默认为10页
        """

        # 获取页码
        try:
            self.page_num = int(page_num)
            if self.page_num <= 0:
                self.page_num = 1
        except Exception as e:
            self.page_num = 1
        # 每页显示的数据
        self.per_num = per_num

        # 总数据量
        self.all_count = all_count

        # 总页数
        # divmod(a, b) 返回一个包含商和余数的元组(a // b, a % b)。
        self.page_count, more = divmod(all_count, per_num)
        if more:
            self.page_count += 1

        # 显示最大页码数
        self.max_page = max_page
        self.half_page = max_page // 2
  @property
    def page_html(self):
        if self.page_count < self.max_page:
            page_start = 1
            page_end = self.page_count
        else:
            if self.page_num <= self.half_page:
                page_start = 1
                page_end = self.max_page
            elif self.page_num + self.half_page >= self.page_count:
                page_start = self.page_count - self.max_page + 1
                page_end = self.page_count
            else:
                page_start = self.page_num - self.half_page  # 2
                page_end = self.page_num + self.half_page  # 7 +

        page_list = []
        # 控制页数不能低于1
        if self.page_num == 1:
            page_list.append('<li class="disabled"><a href="?page={}">上一页</a></li>'.format(self.page_num))
        else:
            page_list.append('<li><a href="?page={}">上一页</a></li>'.format(self.page_num - 1))

        for page in range(page_start, page_end + 1):
            if page == self.page_num:
                page_list.append('<li class="active"><a href="?page={}">{}</a></li>'.format(page, page))
            else:
                page_list.append('<li><a href="?page={}">{}</a></li>'.format(page, page))
        # 控制不能超过总页数
        if self.page_num == self.page_count:
            page_list.append('<li class="disabled"><a href="?page={}">下一页</a></li>'.format(self.page_count))
        else:
            page_list.append('<li><a href="?page={}">下一页</a></li>'.format(self.page_num + 1))
        return ''.join(page_list)
   @property
    def start(self):
        return (self.page_num - 1) * self.per_num
   @property
    def end(self):
        return self.page_num * self.per_num
# views.py   

from django.shortcuts import render, reverse, redirect, HttpResponse

from utils.pagination import Pagination


# 模拟数据
users = [{'name': 'Jerry{}'.format(i), 'pwd': '123'} for i in range(1, 302)]

def user_list(request):
    """
    一页显示20

    第1页  0      20
    第2页  20     40

      n   (n-1)*20   20*n

    :param request:
    :return:
    """
    page = Pagination(request.GET.get('page', '1'), len(users))
    return render(request, 'user_list.html',{'users':users[page.start:page.end],'page_html':page.page_html })
# user_list.html  网页文件
{% extends 'layout.html' %} # 继承了一个模板

{% block content %}
    <table class="table table-hover table-bordered">
        {% for foo in users %}
            <tr>
                <td>{{ foo.name }}</td>
                <td>{{ foo.pwd }}</td>
            </tr>
        {% endfor %}
    </table>
    <nav aria-label="Page navigation">
        <ul class="pagination">
            
            {{ page_html|safe }}
        </ul>
    </nav>

{% endblock %}

效果图:

函数的方式:

# views.py
# 模拟数据
users = [{'name': 'Jerry{}'.format(i), 'pwd': '123'} for i in range(1, 302)]
def user_list(request):
    """
    一页显示20

    第1页  0      20
    第2页  20     40

      n   (n-1)*20   20*n

    :param request:
    :return:
    """
    # 获取页码
    try:
        page_num = int(request.GET.get('page', '1'))
        if page_num <= 0:
            page_num = 1
    except Exception as e:
        page_num = 1
    # 每页显示的数据
    per_num = 10

    # 总数据量
    all_count = len(users)

    # 总页数
    # divmod(a, b) 返回一个包含商和余数的元组(a // b, a % b)。
    page_count, more = divmod(all_count, per_num)
    if more:
        page_count += 1

    # 显示最大页码数
    max_page = 11
    half_page = max_page // 2

    # python中循环
    if page_count < max_page:
        page_start = 1
        page_end = page_count
    else:
        if page_num <= half_page:
            page_start = 1
            page_end = max_page
        elif page_num + half_page >= page_count:
            page_start = page_count - max_page + 1
            page_end = page_count
        else:
            page_start = page_num - half_page  # 2
            page_end = page_num + half_page  # 7 +

    page_list = []
    # 控制页数不能低于1
    if page_num == 1:
        page_list.append('<li class="disabled"><a href="?page={}">上一页</a></li>'.format(page_num))
    else:
        page_list.append('<li><a href="?page={}">上一页</a></li>'.format(page_num - 1))

    for page in range(page_start, page_end + 1):
        page_list.append('<li><a href="?page={}">{}</a></li>'.format(page, page))

    # 控制不能超过总页数
    if page_num == page_count:
        page_list.append('<li class="disabled"><a href="?page={}">下一页</a></li>'.format(page_count))
    else:
        page_list.append('<li><a href="?page={}">下一页</a>>下一页</li>'.format(page_num + 1))
    page_html = ''.join(page_list)
    return render(request, 'user_list.html', {"users": users[(page_num - 1) * per_num:page_num * per_num],
                                              'page_html': mark_safe(page_html)})
# user_list.html  

{% extends 'layout.html' %}

{% block content %}
    <table class="table table-hover table-bordered">
        {% for foo in users %}
            <tr>
                <td>{{ foo.name }}</td>
                <td>{{ foo.pwd }}</td>
            </tr>
        {% endfor %}
    </table>
    <nav aria-label="Page navigation">
        <ul class="pagination">

            {{ page_html }}
        </ul>
    </nav>

{% endblock %}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Django自定义分页

    py3study
  • python 分页

            class UserList(models.Model):             username = models.CharField(ma...

    py3study
  • Python自动化开发学习21-Djan

    在url.py里,除了默认会传一个request给处理函数,还可以传递额外的参数,把一个字典作为第三个参数传入,之后就可以在处理函数里取到对应的值:

    py3study
  • optimize 回收表空间的一些说明

    线上服务器,有张大表需要用pt-archiver根据时间划分归档大量数据到另一个新表中。原先200G的表,在归档完成后,du -hs 显示依然是200G的大小,...

    二狗不要跑
  • django 分页

    https://www.jianshu.com/p/77a8ea421e22 https://blog.csdn.net/weixin_42134789/ar...

    晴天Online
  • 13.Django基础之django分页

      我们使用脚本批量创建一些测试数据(将下面的代码保存到bulk_create.py文件中放到Django项目的根目录,直接执行即可。):

    changxin7
  • Django自定义分页

    py3study
  • PhantomJS

    有时,我们需要浏览器处理网页,但并不需要浏览,比如生成网页的截图、抓取网页数据等操作。PhantomJS的功能,就是提供一个浏览器环境的命令行接口,你可以把它看...

    周小董
  • python 分页

            class UserList(models.Model):             username = models.CharField(ma...

    py3study
  • Linux内存描述之内存页面page--Linux内存管理(四)

    分页单元可以实现把线性地址转换为物理地址, 为了效率起见, 线性地址被分为固定长度为单位的组, 称为”页”, 页内部的线性地址被映射到连续的物理地址. 这样内核...

    233333

扫码关注云+社区

领取腾讯云代金券