Python---Flask--06--分页的实现

「爱情、让人受尽委屈。」 2021-11-19 14:38 508阅读 0赞

## 自动分页 ##

flask自带paginate分页

### paginate属性 ###

- 当前页面(属性)
        page  
    - 当前页面中的记录(属性)
        items
    - 上一页页码(属性)
        prev_num
    - 下一页页码(属性)
        next_num
    - 如果有上页返回True(属性)
        has_prev
    - 如果有下页返回True(属性)
        has_next
    - 查询得到总页数(属性)
        pages
    - 每一页显示记录的数量(属性)
        per_page  
    - 查询返回的记录总数(属性)
        total
        
    @blue.route('/goodslist/<int:num>/<int:per>/')
    def goodslist(num,per):
        paginate = Goods.query.paginate(num,per)
     
        return render_template('goodslist.html', paginate=paginate)

### paginate中的方法 ###

*  prev() 上一页的分页对象Pagination
 *  next() 下一页的分页对象Pagination
 *  iter\_pages(left\_edge=2,left\_current=2,right\_current=5,right\_edge=2)
 *  iter\_pages 用来获得针对当前页的应显示的分页页码列表。  
    假设当前共有100页，当前页为50页，按照默认的参数设置调用iter\_pages获得的列表为：  
    \[1,2,None,48,49,50,51,52,53,54,55,None,99,100\]

### 渲染模板 ###

{% macro my_paginate(pagination, url) %}
     <nav class="pagination">
        <ul>
          {%if pagination.has_prev%}
        <li class="page-item active"><a class="page-link" href="{
        {url_for(url,page=pagination.page-1)}}">上一页</a></li>
        {%else%}
        <li class="page-item disabled"><a class="page-link" href="#">上一页</a></li>
        {%endif%}
    
            {%for page in pagination.iter_pages(1,1,3,1)%}
            {%if page%}
                <li class="page-item {%if page==pagination.page%}active{%endif%}"><a class="page-link" href="{
        {url_for(url,page=page)}}">{
        {page}}</a></li>
            {%else%}
                <li class="page-item disabled"><a class="page-link" href="#">…</a></li>
            {%endif%}
    
        {%endfor%}
    
        {%if pagination.has_next%}
        <li class="page-item active"><a class="page-link" href="{
        {url_for(url,page=pagination.page+1)}}">下一页</a></li>
        {%else%}
        <li class="page-item disabled"><a class="page-link" href="#">下一页</a></li>
        {%endif%}
        </ul>
     </nav>
    {% endmacro %}

#### 宏的使用 ####

{% extends '/home/layout/base.html' %}
    {% import '/home/layout/page.html' as pg %}
    {% block content %}
    <div class="content">
          <div class="jumbotron">
            <h1>欢迎访问博客</h1>
            <p>在这里可以看到前端技术，后端程序，网站内容管理系统等文章，还有我的程序人生！</p>
          </div>
          <div id="focusslide" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
              <li data-target="#focusslide" data-slide-to="0" class="active"></li>
              <li data-target="#focusslide" data-slide-to="1"></li>
              <li data-target="#focusslide" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner" role="listbox">
              <div class="item active"> <a href="" target="_blank"><img src="{
        { url_for('static', filename='images/banner/banner_01.jpg')}}" alt="" class="img-responsive"></a>
                
              </div>
              <div class="item"> <a href="" target="_blank"><img src="{
        { url_for('static', filename='images/banner/banner_02.jpg')}}" alt="" class="img-responsive"></a>
                
              </div>
              <div class="item"> <a href="" target="_blank"><img src="{
        { url_for('static', filename='images/banner/banner_03.jpg')}}" alt="" class="img-responsive"></a>
                
              </div>
            </div>
            <a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">上一个</span> </a> <a class="right carousel-control" href="#focusslide" role="button" data-slide="next" rel="nofollow"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">下一个</span> </a> </div>
          <article class="excerpt-minic excerpt-minic-index">
            <h2><span class="red">【今日推荐】</span><a href="" title="">从下载看我们该如何做事</a></h2>
            <p class="note">一次我下载几部电影，发现如果同时下载多部要等上几个小时，然后我把最想看的做个先后排序，去设置同时只能下载一部，结果是不到一杯茶功夫我就能看到最想看的电影。 这就像我们一段时间内想干成很多事情，是同时干还是有选择有顺序的干，结果很不一样。同时...</p>
          </article>
          <div class="title">
            <h3>最新发布</h3>
            <div class="more"><a href="">PHP</a><a href="">JavaScript</a><a href="">EmpireCMS</a><a href="">Apache</a><a href="">MySQL</a></div>
          </div>
          {% for article in paginate.items %}
          <article class="excerpt excerpt-1">
              <a class="focus" href="article.html" title="">
                  <img class="thumb" data-original="images/excerpt.jpg" src="{
        { article.cover_url }}" alt="">
              </a>
            <header><a class="cat" href="program">后端程序<i></i></a>
              <h2><a href="{
        {url_for('home.show', id=article.id)}}" title="">{
        {article.title}}</a></h2>
            </header>
            <p class="meta">
              <time class="time"><i class="glyphicon glyphicon-time"></i>{
        { article.add_time }}</time>
              <span class="views"><i class="glyphicon glyphicon-eye-open"></i> 共120人围观</span>
              <a class="comment" href="article.html#comment"><i class="glyphicon glyphicon-comment"></i> 0个不明物体</a>
            </p>
            <p class="note">可以用strtotime()把日期（$date）转成时间戳，再用date()按需要验证的格式转成一个日期，来跟$date比较是否相同来验证这个日期的格式是否是正确的。所以要验证日期格式 ... </p>
          </article>
          {% endfor %}
        
         {
        { pg.my_paginate(paginate, 'home.blog_list')}}
        </div>
    {% endblock %}

## 手动 ##

@blue.route('/goodslist/<int:num>/<int:per>/')
    def goodslist(num,per):
        # 第num页
        # 每页显示per行
        goods = Goods.query.offset((num-1) * per).limit(per)
        
        return render_template('goodslist.html', goods=goods

转载于:https://www.cnblogs.com/sunshenggang/p/11072024.html