分页前

项目工程

这里写图片描述

django views.py设计
from django.shortcuts import render
from django.views import View

# Create your views here.


class PurePaginationView(View):
    def get(self, request):
        nums = []
        for i in range(40):
            nums.append(i)
        return render(request, 'pure_pagination.html', {
            'nums': nums,
        })
pure_pagination.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
    * {
        margin:0; padding:0;text-align: center;
    }
    .content{
        width:300px;height: 480px;background: #ececec;margin: 0 auto;padding: 0;
        border-width: 1px;border-color: red;border-style: solid;
    }
    .box{
        width: 50px; height: 50px; background: #0f0; margin: 5px; line-height: 50px;
        float: left;
    }
    </style>
</head>
<body>
    <div class="content">
        {% for num in nums %}
        <div class="box">
            {{ num }}
        </div>
        {% endfor %}
    </div>
</body>
</html>
显示效果

这里写图片描述

分页设计

(https://github.com/jamespacileo/django-pure-pagination)

安转分页包django-pure-pagination
pip install django-pure-pagination

app注册

INSTALLED_APPS = (
    ...
    'pure_pagination',
)
views.py编写
from django.shortcuts import render
from django.views import View

from pure_pagination import Paginator, EmptyPage, PageNotAnInteger
# Create your views here.


class PurePaginationView(View):
    def get(self, request):
        numss = []
        for i in range(40):
            numss.append(i)
        # 获取请求页码
        try:
            page = request.GET.get('page', 1)
        except PageNotAnInteger:
            page = 1
        # 使用Pagination进行分页（5个一页）
        p = Paginator(numss, 5, request=request)
        # nums代表一组5个数据
        nums = p.page(page)
        return render(request, 'pure_pagination.html', {
            'nums': nums,
        })
pure_pagination.html编写
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>pure_pagination</title>
    <style type="text/css">
    * {
        margin:0; padding:0;text-align: center;
    }
    .content{
        width: 300px;height: 480px;background: #ececec;margin: 0 auto;padding: 0;
        border-width: 1px;border-color: red;border-style: solid;
    }
    .box{
        width: 50px;height: 50px;background: #0f0;margin: 5px;line-height: 50px;
        float: left;
    }
    .pagelist{
        position: relative;
        left: 190px;
    }
    .page{
        background-color: #ececec;margin: 20px 3px; border: thin black solid;padding: 2px; float: left;
    }
    .active{
        background-color: #00ff00;
    }
    ul li{
        list-style: none;
    }
    li a{
        text-decoration: none;
    }
    </style>
</head>
<body>
    <div class="content">
        {% for num in nums.object_list %}
            <div class="box">
                {{ num }}
            </div>
        {% endfor %}
    </div>
    <div class="pagelist">
        <ul>
            <!--  如果当前页有前一页，则上一页链接有效  -->
            {% if nums.has_previous %}
                <li class="page" ><a href="?{{ nums.previous_page_number.querystring }}">上一页</a></li>
            {% else %}
                <li class="page">上一页</li>
            {% endif %}
            <!-- 取出页码数（页码数不一定就是总页数，有省略显示部分，具体在settings.py配置） -->
            {% for page in nums.pages %}
                <!-- 如果page存在，则显示。不存在则省略显示 -->
                {% if page %}
                    <!-- 如果该页码是当前页，活跃显示 -->
                    {% ifequal page nums.number %}
                        <li class="page active" >{{ page }}</li>
                    {% else %}
                        <li class="page" ><a href="?{{ page.querystring }}">{{ page }}</a></li>
                    {% endifequal %}
                {% else %}
                    <li class="page"><a href="">...</a></li>
                {% endif %}
            {% endfor %}
            <!-- 如果当前页有下一页，则下一页链接有效-->
            {% if nums.has_next %}
                <li class="page" ><a href="?{{ nums.next_page_number.querystring }}">下一页</a></li>
            {% else %}
                <li class="page">下一页</li>
            {% endif %}
        </ul>
    </div>
</body>
显示效果

这里写图片描述

分页显示配置（settings.py）
# 分页配置
PAGINATION_SETTINGS = {
    'PAGE_RANGE_DISPLAYED': 2, # 当前页相邻显示几个号码页
    'MARGIN_PAGES_DISPLAYED': 1, # 首尾各显示几个号码页

    'SHOW_FIRST_PAGE_WHEN_INVALID': True,
}
显示效果

这里写图片描述

# django
Logo
AtomGit 开源协作平台测评赛

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐

ADS1292R 使用 过程 心电图 高精度ADC模块

文章目录1 Fundamentals ofPrecision ADC Noise Analysis 精密模数转换器噪声分析基础1 Fundamentals ofPrecision ADC Noise Analysis 精密模数转换器噪声分析基础https://www.ti.com.cn/cn/lit/wp/slyy192/slyy192.pdf?ts=1600659610730&ref_u

avatar 开放原子开发者工作坊
cover

实现一个家庭安防与环境监测系统（一）

avatar 开放原子开发者工作坊

【cf】Codeforces Round #774 (Div. 2) 前4题

题目A. Square Counting 简单数学题目大意题解代码B. Quality vs Quantity 排序题目大意题解代码C. Factorials and Powers of Two 状态压缩dp+位运算题目大意题解代码D. Weight the Tree 树形dp+dfs题目大意题解代码E. Power Board 看起来像是数论？许多年没打cf了，偶尔打了一盘，恢复紫名了。A. S

avatar 开放原子开发者工作坊