django+bootstrp分页

自定义分页算法：

from django.core.paginator import Paginator


def page_fun(table_data_obj, page, page_split, around_count=2):
    '''
    table_data_obj: 数据库査询的对象
    page：获取某页的数据
    around_count：当前页前后各显示多少页码，默认为2
    page_split：每页显示多少数据
    '''
    paginator = Paginator(table_data_obj, page_split)
    page_obj = paginator.get_page(page)
    current_page = page_obj.number  # 获取当前页
    num_pages = paginator.num_pages  # 总的页数
    left_has_more = False
    right_has_more = False
    if current_page <= around_count + 2:
        left_pages = range(1, current_page)
    else:
        left_has_more = True
        left_pages = range(current_page - around_count, current_page)
    if current_page >= num_pages - around_count - 1:
        right_pages = range(current_page + 1, num_pages + 1)
    else:
        right_has_more = True
        right_pages = range(current_page + 1, current_page + around_count + 1)  # 左闭右开区间
    return {
        'left_pages': left_pages,
        'right_pages': right_pages,
        'current_page': current_page,
        'left_has_more': left_has_more,
        'right_has_more': right_has_more,
        'num_pages': num_pages,
        'page_obj': page_obj,
    }

views.py中使用上面定义的函数：

def p_test(request):
    user = request.user.username
    table_data_obj = Collocation_info.objects.filter(
        responsible=user, is_active=True).all()
    page = request.GET.get('p', 1)
    page_data = page_fun(table_data_obj=table_data_obj, page=page, around_count=3, page_split=2)
    return render(request, 'collocation_app/collocation_view.html', locals())

前端显示：

请自行引入bootstrap文件和jQuery文件

{% block body %}
    <ul>
        {% for data in page_data.page_obj %}
            <li>{{ data.id }}</li>
        {% endfor %}
    </ul>
    <ul class="pagination">
        {# 显示上一页 #}
        {% if page_data.page_obj.has_previous %}
            <li><a href="{% url 'collocation_view' %}?p={{ page_obj.previous_page_number }}">上一页</a></li>
        {% else %}
            <li class="disabled"><a href="javascript:void(0);">上一页</a></li>
        {% endif %}

        {# 显示左边页码 #}
        {% if page_data.left_has_more %}
            <li><a href="{% url 'collocation_view' %}?p=1">1</a></li>
            <li><a href="javascript:void(0);">...</a></li>
        {% endif %}

        {% for left_page in page_data.left_pages %}
            <li><a href="{% url 'collocation_view' %}?p={{ left_page }}">{{ left_page }}</a></li>
        {% endfor %}

        {# 显示当前页 #}
        <li class="active"><a
                href="{% url 'collocation_view' %}?p={{ page_data.current_page }}">{{ page_data.current_page }}</a></li>

        {# 显示右边页码 #}
        {% for right_page in page_data.right_pages %}
            <li><a href="{% url 'collocation_view' %}?p={{ right_page }}">{{ right_page }}</a></li>
        {% endfor %}

        {% if page_data.right_has_more %}
            <li><a href="javascript:void(0);">...</a></li>
            <li><a href="{% url 'collocation_view' %}?p={{ page_data.num_pages }}">{{ page_data.num_pages }}</a></li>
        {% endif %}
        {# 显示下一页 #}
        {% if page_data.page_obj.has_next %}
            <li><a href="{% url 'collocation_view' %}?p={{ page_data.page_obj.next_page_number }}">下一页</a></li>
        {% else %}
            <li class="disabled"><a href="javascript:void(0);">下一页</a></li>
        {% endif %}
    </ul>
{% endblock %}

最终显示第3页数据时的结果：