django分页

django分页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <style>
         /*解决页面浮动后的塌陷问题*/
        .clearfix{
                zoom:1;
        }
        .clearfix:after{
                content: "";display: block;visibility: hidden;line-height: 0;clear: both;
        }

        body,div{
            margin:0 auto;
        }


        div{
            border:1px solid gray;
            width:750px;
            text-align: center;
        }


        ul{
            list-style-type: none;
            display: inline-block;

        }



        #header li{
            float: left;
            margin-left:10px;
            font-size:16px;
            font-family: '微软雅黑';
            color: #666666;


        }
        #header li:hover{
            cursor: pointer;
            background:blue;
            color: white;
        }




        #content li{
            float: left;
            display: inline;
            margin-right:15px;
            text-align: center;
            height:225px;
            overflow: hidden;
            padding-top:10px;
            padding-bottom:5px;

        }
        #content h1{
            font-size:14px;
            margin:0;


        }

        .tip{
            display: block;
            font-size:12px;
        }

       .h1,.tip{
            width:110px;
           text-align: center;
        }

        #content ul{
            /*去除ul的内边距和外边距*/
            margin:0;
            padding:0;

        }
    </style>
</head>
<body>
    <div id="header"  class="clearfix">
        <ul class="clearfix">
            <li>首页</li>
            <li>电影</li>
            <li>电视剧</li>
            <li>动漫</li>
            <li>综艺</li>
            <li>音乐</li>
            <li>MV</li>
            <li>视频</li>
            <li>短片</li>
            <li>公开课</li>
        </ul>
    </div>
    <div id="content" >
        <ul class="clearfix">
            {% for movie in perpage_data %}
                <li>
                    <h1 class="h1">{{ movie.mname }}</h1>
                    <span class="tip">{{ movie.mdesc }}</span>
                </li>
            {% endfor %}
        </ul>
    </div>
    <div>
        <a href="/index2/?num=1">首页</a>&emsp;
        {% if perpage_data.has_previous %}
            <a href="/index2/?num={{ perpage_data.previous_page_number }}">上一页</a>
        {% endif %}
{#        {% for n in pager.page_range %}#}
{#            {% if n < 11 %}#}
{#                <a href="/movie/index/?num={{ n }}">{{ n }}</a>&emsp;#}
{#            {% endif %}#}
{#        {% endfor %}#}
        {% for n in pagelist %}
            {% if currentPage == n %}
                <a href="/index2/?num={{ n }}" style="font-size: 28px;color:red;">{{ n }}</a>&emsp;
            {% else %}
                <a href="/index2/?num={{ n }}">{{ n }}</a>&emsp;
            {% endif %}
        {% endfor %}
        {% if perpage_data.has_next %}
            <a href="/index2/?num={{ perpage_data.next_page_number }}">下一页</a>
        {% endif %}
        &emsp;<a href="index2/?num={{ pager.num_pages}}">末页</a>
    </div>
</body>
</html>
#Django分页
def index_view2(request):
    #获取当前页码数
    num = request.GET.get('num',1)
    n = int(num)

    #查询所有数据
    movies = Movie.objects.all()

    #创建分页器对象
    pager = Paginator(movies,20)

    #获取当前页的数据
    try:
        perpage_data = pager.page(n)
    except PageNotAnInteger:
        #返回第一页的数据
        perpage_data = pager.page(1)
    except EmptyPage:
        #返回最后一页的数据
        perpage_data = pager.page(pager.num_pages)


    #每页开始页码
    begin = (n-int(math.ceil(10.0/2)))
    if begin<1:
        begin = 1

    # 每页结束页码
    end = begin+9
    if end >pager.num_pages:
        end = pager.num_pages

    if end <=10:
        begin = 1
    else:
        begin = end -9

    pagelist = range(begin,end+1)

    return render(request,'index.html',{'pager':pager,'perpage_data':perpage_data,'pagelist':pagelist,'currentPage':n})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值