Django实战项目-学习任务系统-查询列表分页显示

接着上期代码框架，6个主要功能基本实现，剩下的就是细节点的完善优化了。

接着优化查询列表分页显示功能，有很多菜单功能都有查询列表显示页面情况，如果数据量多，不分页显示的话，页面展示效果就不太好。

本次增加查询列表分页显示功能，对一个查询列表功能进行分页改造，其他依此类推即可。

第一步：Django的分页器（paginator）简介

Django的分页器（paginator）是一个内置的分页组件，它可以方便地实现分页功能。当页面需要显示大量数据时，例如超过10000条，使用分页器可以提高阅读体验并减轻服务器压力。

要使用Django的分页器，首先需要从`django.core.paginator`模块中引入`Paginator`类以及相关的异常模块：`PageNotAnInteger`和`EmptyPage`。

`Paginator`是用于管理整个分页的逻辑，如控制总共有多少页、页码区间等。而`Page`类则是用来管理当前这个页面的一些属性。

以下是创建`Paginator`对象的简单语法：
```python
class Paginator(object_list, per_page, orphans=0, allow_empty_first_page=True)
```
其中，`object_list`是你要分页的数据列表，`per_page`是每页显示的数据条数。

例如:
给 Paginator 一个对象列表，以及你希望在每个页面上拥有的项目数，它提供了访问每页项目的方法：

>>> from django.core.paginator import Paginator
>>> objects = ['john', 'paul', 'george', 'ringo']
>>> p = Paginator(objects, 2)

>>> p.count
4
>>> p.num_pages
2
>>> type(p.page_range)

>>> p.page_range
range(1, 3)

>>> page1 = p.page(1)
>>> page1

>>> page1.object_list
['john', 'paul']

>>> page2 = p.page(2)
>>> page2.object_list
['george', 'ringo']
>>> page2.has_next()
False
>>> page2.has_previous()
True
>>> page2.has_other_pages()
True
>>> page2.next_page_number()
Traceback (most recent call last):
...
EmptyPage: That page contains no results
>>> page2.previous_page_number()
1
>>> page2.start_index() # The 1-based index of the first item on this page
3
>>> page2.end_index() # The 1-based index of the last item on this page
4

>>> p.page(0)
Traceback (most recent call last):
...
EmptyPage: That page number is less than 1
>>> p.page(3)
Traceback (most recent call last):
...
EmptyPage: That page contains no results

第二步：修改视图文件
./mysite/study_system/views.py

def getStudyPointsList(request):
    '''
    @方法名称: 获取积分明细列表
    @作    者: PandaCode辉
    @weixin公众号: PandaCode辉
    @创建时间: 2023-10-10
    '''
    # 响应容器
    rsp_dict = {}

    # 获取当前用户名
    username = request.session.get('username')
    # 根据用户名获取用户对象
    cur_user = StudyUser.objects.get(username=username)
    print('根据用户名查询用户对象:' + str(cur_user))
    # 2. 获取要分页的数据集合（例如从数据库查询），当前用户的全部积分明细， .order_by('-created_time') 降序排列
    data_list = StudyPoint.objects.filter(user_id=cur_user).order_by('-created_time')
    # 3. 每页显示的数据数量
    items_per_page = 5
    # 4. 创建 Paginator 对象
    paginator = Paginator(data_list, items_per_page)
    # 5. 获取当前页数（从请求参数中获取，或者默认为第一页）
    current_page_num = request.GET.get('page', 1)
    '''
        1.整个数据表
         paginator.count   数据总数
         paginator.num_pages   总页数
         paginator.page_range   页码的列表
        2.当前页
         curuent_page.has_next()   是否有下一页
         curuent_page.next_page_number()   下一页的页码
         curuent_page.has_previous()   是否有上一页
         curuent_page.previous_page_number()   上一页的页码
    '''
    # 6. 获取当前页的数据对象
    try:
        current_page_data = paginator.page(current_page_num)
    except EmptyPage:
        # 处理页码超出范围的情况
        current_page_data = paginator.page(paginator.num_pages)

    # 获取整个表的总页数
    total_page = paginator.num_pages
    pag_range = []
    if total_page <= 11:  # 判断当前页是否小于11个
        pag_range = paginator.page_range
    elif total_page > 11:
        if current_page_num < 6:
            pag_range = range(1, 11)
        elif current_page_num > paginator.num_pages - 5:
            pag_range = range(total_page - 9, total_page + 1)
        else:
            pag_range = range(current_page_num - 5, current_page_num + 5)  # 当前页+5大于最大页数时

    # 7. 在模板中使用 current_data_page 来渲染分页数据
    # 查询待完成任务列表
    rsp_dict['data_list'] = data_list
    rsp_dict['paginator'] = paginator
    rsp_dict['current_page_num'] = current_page_num
    rsp_dict['current_page_data'] = current_page_data
    rsp_dict['pag_range'] = pag_range

    context_object_name = "study_points_list"
    template_name = "study_system/home.html"
    # 'html_file': 'xxx.html' 动态指定模板页面 ; 'menuTo': 'task' = 任务管理 ；
    rsp_dict['html_file'] = 'study_system/item/studyPointsList.html'
    rsp_dict['context_object_name'] = context_object_name

    return render(request, template_name, rsp_dict)

第三步：修改页面模板代码

1. 积分流水列表页面
./mysite/study_system/templates/study_system/item/studyPointsList.html

    
        {% if current_page_data %}
            {% for studyPoints in current_page_data %}
                {% if studyPoints.point_type == 0 %}
                    
                        {# forloop.counter 可以记录循环的次数，作为列表序号#}
                        
                {% elif studyPoints.point_type == 1 %}
                    
                {% elif studyPoints.point_type == 2 %}
                    
                {% endif %}
            {% endfor %}
        {% else %}
            
        {% endif %}
    

        

            
积分明细流水
        
        

            
序号
            
积分说明
            
交易类型
            
积分数
            
交易时间
            
用户名
        
{{ forloop.counter }}
                        
{{ studyPoints.point_name }}
                        
兑换物品
                        
{{ studyPoints.points_nums }}
                        
{{ studyPoints.created_time|date:'Y-m-d H:i:s' }}
                        
{{ studyPoints.user_id.username }}
                    

                        
{{ forloop.counter }}
                        
{{ studyPoints.point_name }}
                        
成功奖励
                        
{{ studyPoints.points_nums }}
                        
{{ studyPoints.created_time|date:'Y-m-d H:i:s' }}
                        
{{ studyPoints.user_id.username }}
                    

                        
{{ forloop.counter }}
                        
{{ studyPoints.point_name }}
                        
失败处罚
                        
{{ studyPoints.points_nums }}
                        
{{ studyPoints.created_time|date:'Y-m-d H:i:s' }}
                        
{{ studyPoints.user_id.username }}
                    

                
查无记录
            


    {% include "study_system/common/page.html" %}

2. 公共页码页面
./mysite/study_system/templates/study_system/common/page.html

    

        

            {% if not current_page_data.has_previous %}
                

                    
                        上一页
                    
                
            {% else %}
                

                    
                        上一页
                    
                
            {% endif %}

            {% for page_range in pag_range %}
                {% if current_page_num == page_range %}
                    
{{ page_range }}
                {% else %}
                    
{{ page_range }}
                {% endif %}
            {% endfor %}

            {% if not current_page_data.has_next %}
                

                    
                        下一页
                    
                
            {% else %}
                

                    
                        下一页
                    
                
            {% endif %}

        
    

第四步：运行测试

1. 点击查看积分流水列表页面

 -------------------------------------------------end -------------------------------------------------