Django学习手册 - 自定义分页函数

最新推荐文章于 2025-09-08 09:22:18 发布

转载最新推荐文章于 2025-09-08 09:22:18 发布 · 71 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Anec/p/9961273.html

文章标签：

#python #前端 #数据库 #ViewUI

本文详细介绍了一种前后端结合的分页展示方法，通过前端代码与后端分页函数的配合，实现了动态数据加载与分页导航。前端利用循环遍历数据并展示，后端则通过分页函数计算数据切片，确保了高效的数据处理与良好的用户体验。

前端代码:

   <div class="xianshi">
        {% for i in info %}
            <ul>
                <li>{{ i }}</li>
            </ul>
        {% endfor %}
        </div>

        <div class="yema">
            {% for x in yemalist%}
                <span>{{ x | safe}}</span>
            {% endfor%}
        </div>

分页函数代码:

def text(yema, count, data,path):
    """
    :param yema: 页码,web前端传递的页码值
    :param count: 每页显示数值
    :param data: 数据库中读取的数据
    :param path: 当前分页页面url路径
    :return: 字典数据
    """

    yema = int(yema)
    path1 = path.split('/')[1]

    start = count * (yema - 1)
    end = count * yema
    info = data[start:end]

    if divmod(len(data), count)[1] != 0:
        s = divmod(len(data), count)[0] + 2
    else:
        s = divmod(len(data), count)[0] + 1

    yema_list = []
    for i in range(1, s):
        i2 = "<a href='/%s/%s'>%s</a>" % (path1,i, i)
        yema_list.append(i2)

    if yema<=5:
        xy = "<a href='/%s/%s'>下一页</a>" % (path1,yema + 1)
        yema_list = yema_list[0:10]
        yema_list.append(xy)
    elif 6<=yema<=(s-2):
        sy = "<a href='/%s/%s'>上一页</a>"% (path1,yema-1)
        xy = "<a href='/%s/%s'>下一页</a>" % (path1,yema + 1)
        yema_list = yema_list[yema-5:yema+5]
        yema_list.insert(0,sy)
        yema_list.append(xy)
    elif yema==(s-1):
        sy = "<a href='/%s/%s'>上一页</a>" % (path1,1)
        yema_list = yema_list[-10:-1]
        yema_list.insert(0, sy)

    return {'info': info, "yemalist":yema_list}