Flask Paginate實現(xiàn)表格分頁的使用示例

更新時間：2023年11月26日 17:07:01 作者：微軟技術(shù)分享

flask_paginate是Flask框架的一個分頁擴展,用于處理分頁相關(guān)的功能,本文就來介紹一下Flask Paginate實現(xiàn)表格分頁的使用示例,感興趣的可以了解一下

flask_paginate 是 Flask 框架的一個分頁擴展，用于處理分頁相關(guān)的功能。它可以幫助你在 Flask Web 應(yīng)用程序中實現(xiàn)分頁功能，讓用戶可以瀏覽大量數(shù)據(jù)的不同部分。本篇博文重點講述在Web開發(fā)中，用paginate把所有數(shù)據(jù)進(jìn)行分頁展示，首先通過運用第三方庫實現(xiàn)后端分頁，然后再自己編寫一個分頁類實現(xiàn)。

flask_sqlalchemy

Flask-SQLAlchemy 是 Flask 框架的一個擴展，提供了對 SQL 數(shù)據(jù)庫的集成支持。它基于 SQLAlchemy 構(gòu)建，簡化了在 Flask 應(yīng)用中使用數(shù)據(jù)庫的操作。

安裝 Flask-SQLAlchemy：

pip install Flask-SQLAlchemy

Flask-SQLAlchemy的使用很簡單，如下是一些簡單的用法；

from flask import Flask
from sqlalchemy import not_,or_,and_,desc
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)

# url的格式為：數(shù)據(jù)庫的協(xié)議：//用戶名：密碼@ip地址：端口號（默認(rèn)可以不寫）/數(shù)據(jù)庫名
app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///:memory:"

# 為了解決控制臺的提示
app.config["SQLALCHEMY_TRACK_MODIFICATIONS"] = False

# 創(chuàng)建數(shù)據(jù)庫的操作對象
db = SQLAlchemy(app)

# 創(chuàng)建規(guī)則表
class RoleDB(db.Model):
    __tablename__ = "role"
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(16), unique=True)

    # 增加反查外鍵關(guān)聯(lián)到UserDB
    users = db.relationship('UserDB', backref="role")

    # 當(dāng)調(diào)用 Role.query.all() 會觸發(fā)輸出
    def __repr__(self):
        return "Role: %s | %s" % (self.id, self.name)

# 創(chuàng)建用戶表
class UserDB(db.Model):
    __tablename__ = "user"
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(16), unique=True)
    email = db.Column(db.String(32), unique=True)
    password = db.Column(db.String(16))

    # 關(guān)聯(lián)到RuleDB表中的ID上面
    role_id = db.Column(db.Integer, db.ForeignKey("role.id"))

    # 當(dāng)調(diào)用 RoleDB.query.all() 會觸發(fā)輸出
    def __repr__(self):
        return "User: %s | %s | %s | %s" % (self.id, self.name, self.password, self.role_id)

@app.route('/')
def index():
    # 此處查詢會走類內(nèi) __repr__ 輸出
    print("查詢所有用戶數(shù)據(jù): ", UserDB.query.all())
    print("查詢所有規(guī)則數(shù)據(jù): ", RoleDB.query.all())
    print("查詢有多少個用戶: ", UserDB.query.count())
    print("查詢第一個用戶: ", UserDB.query.first())

    # 查詢過濾器
    print("查詢第一條: ", UserDB.query.get(1))
    print("查詢過濾器(類名+屬性名): ", UserDB.query.filter(UserDB.id == 4).first())
    print("查詢過濾器(屬性名): ", UserDB.query.filter_by(id=4).first())

    # 查詢名字結(jié)尾字符為g的所有數(shù)據(jù) [開始/包含]
    print(UserDB.query.filter(UserDB.name.endswith("g")).all())
    print(UserDB.query.filter(UserDB.name.contains("g")).all())

    # 查詢名字不等于wang的所有數(shù)據(jù) [2種方式]
    print(UserDB.query.filter(not_(UserDB.name == "wang")).all())
    print(UserDB.query.filter(UserDB.name != "wang").all())

    #  查詢 [名字和郵箱] 都以li開頭的所有數(shù)據(jù) [2種方式]
    print(UserDB.query.filter(and_(UserDB.name.startswith("li"),UserDB.email.startswith("li"))).all())
    print(UserDB.query.filter(UserDB.name.startswith("li"), UserDB.email.startswith("li")).all())

    # 查詢password是 123456 或者 email 以 lyshark.com 結(jié)尾的所有數(shù)據(jù)
    print(UserDB.query.filter(or_(UserDB.password=='123456', UserDB.email.endswith('lyshark.com'))).all())

    # 查詢id為 [1, 3, 5, 7, 9] 的用戶列表
    print(UserDB.query.filter(UserDB.id.in_([1, 3, 5, 7, 9])).all())

    # 查詢name為liu的角色數(shù)據(jù)：關(guān)系引用
    print(UserDB.query.filter_by(name="liu").first().role.name)

    # 查詢所有用戶數(shù)據(jù) 并以郵箱排序 [升序/降序]
    print("升序: ", UserDB.query.order_by("email").all())
    print("降序: ", UserDB.query.order_by(desc("email")).all())

    # 查詢第2頁的數(shù)據(jù),每頁只顯示3條數(shù)據(jù)
    pages = UserDB.query.paginate(2,3,False)
    print("查詢結(jié)果: {} 總頁數(shù): {} 當(dāng)前頁數(shù): {}".format(pages.items,pages.pages,pages.page))

    # 完整查詢調(diào)用寫法
    ref = db.session.query(UserDB).filter(UserDB.name == "wang").all()
    print(ref)
    return "success"

if __name__ == "__main__":
    # 初始化數(shù)據(jù)表
    db.drop_all()
    db.create_all()

    # 插入兩個規(guī)則記錄
    role_admin = RoleDB(name="admin")
    db.session.add(role_admin)
    role_lyshark = RoleDB(name="lyshark")
    db.session.add(role_lyshark)
    db.session.commit()

    try:
        ua = UserDB(name='wang', email='wang@163.com', password='123456', role_id=role_admin.id)
        ub = UserDB(name='zhang', email='zhang@189.com', password='201512', role_id=role_lyshark.id)
        uc = UserDB(name='chen', email='chen@126.com', password='987654', role_id=role_lyshark.id)
        ud = UserDB(name='zhou', email='zhou@163.com', password='456789', role_id=role_admin.id)
        ue = UserDB(name='tang', email='tang@lyshark.com', password='158104', role_id=role_lyshark.id)
        uf = UserDB(name='wu', email='wu@gmail.com', password='5623514', role_id=role_lyshark.id)
        ug = UserDB(name='qian', email='qian@gmail.com', password='1543567', role_id=role_admin.id)
        uh = UserDB(name='liu', email='liu@lyshark.com', password='867322', role_id=role_admin.id)
        ui = UserDB(name='li', email='li@163.com', password='4526342', role_id=role_lyshark.id)
        uj = UserDB(name='sun', email='sun@163.com', password='235523', role_id=role_lyshark.id)
        db.session.add_all([ua, ub, uc, ud, ue, uf, ug, uh, ui, uj])
        db.session.commit()

    except Exception as e:
        # 插入失敗自動回滾
        db.session.rollback()
        raise e

    app.run(debug=True)

flask_sqlalchemy 分頁組件

Flask-SQLAlchemy 分頁插件為 Flask 應(yīng)用提供了便捷而強大的分頁功能，通過 paginate() 方法返回的 Pagination 類對象，開發(fā)者能夠輕松實現(xiàn)對大型數(shù)據(jù)集的分頁展示。該插件基于 Flask-SQLAlchemy 擴展構(gòu)建，簡化了在 Flask 應(yīng)用中進(jìn)行數(shù)據(jù)庫查詢的分頁操作。通過靈活的配置選項，開發(fā)者可以高效地管理和展示數(shù)據(jù)，提升用戶體驗，是構(gòu)建數(shù)據(jù)驅(qū)動 Web 應(yīng)用的重要利器。本文將深入介紹 Flask-SQLAlchemy 分頁插件的基本使用方法以及常見配置選項，幫助開發(fā)者快速上手并充分發(fā)揮其強大的分頁功能。

前端部分使用bootstrap實現(xiàn)分頁組件，新建前端index.html文件，代碼如下；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >
</head>
<body>
<div class="box box-primary">
    <div class="box-body table-responsive no-padding">
        <table class="table table-sm table-hover">
            <thread>
                <tr class="table-success">
                    <th>id</th>
                    <th>name</th>
                    <th>email</th>
                    <th>password</th>
                </tr>
            </thread>
            <tbody>
                {% for item in page_data.items %}
                    <tr class="table-primary">
                        <td>{{ item.id }}</td>
                        <td>{{ item.name }}</td>
                        <td>{{ item.email }}</td>
                        <td>{{ item.password }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    <div class="box-footer clearfix">
        <nav class="d-flex justify-content-center" aria-label="Page navigation example">
            {% if page_data %}
                <ul class="pagination">
                    <li class="page-item"><a class="page-link" href="./1" rel="external nofollow" >首頁</a></li>

                    {% if page_data.has_prev %}
                        <li class="page-item"><a class="page-link" href="{{ page_data.prev_num }}" rel="external nofollow" >上一頁</a></li>
                    {% else %}
                        <li class="page-item" class="disabled"><a class="page-link" href="#" rel="external nofollow"  rel="external nofollow" >上一頁</a></li>
                    {% endif %}
                    <!--
                    {% for item in page_data.iter_pages() %}
                        {% if item == page_data.page %}
                            <li class="page-item active"><a class="page-link" href="{{ item }}" rel="external nofollow"  rel="external nofollow" >{{ item }}</a></li>
                        {% else %}
                            <li class="page-item"><a class="page-link" href="{{ item }}" rel="external nofollow"  rel="external nofollow" >{{ item }}</a></li>
                        {% endif %}
                    {% endfor %}
                    -->

                    <!-- 當(dāng)前頁的頁碼/總頁碼 -->
                    <p>{{ page_data.page }}</p> / <p>{{ page_data.pages }}</p>

                    {% if page_data.has_next %}
                        <li class="page-item"><a class="page-link" href="{{ page_data.next_num  }}" rel="external nofollow" >下一頁</a></li>
                    {% else %}
                        <li class="page-item" class="disabled"><a class="page-link" href="#" rel="external nofollow"  rel="external nofollow" >下一頁</a></li>
                    {% endif %}
                    <li class="page-item"><a class="page-link" href="{{ page_data.pages }}" rel="external nofollow" >尾頁</a></li>
                </ul>
            {% endif %}
        </nav>
    </div>
</div>
</body>
</html>

使用組件內(nèi)的過濾器分頁是非常簡單的一件事，只需要調(diào)用參數(shù)后返回，后端app.py代碼如下；

from flask import Flask,render_template,request
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__, template_folder="./tempate",static_folder="./tempate")

app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///database.db"

# 設(shè)置每次請求結(jié)束后會自動提交數(shù)據(jù)庫的改動
app.config['SQLALCHEMY_COMMIT_ON_TEARDOWN'] = True
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = True

# 查詢時顯示原始SQL語句
app.config['SQLALCHEMY_ECHO'] = False

# 創(chuàng)建數(shù)據(jù)庫的操作對象
db = SQLAlchemy(app)

# 創(chuàng)建用戶表
class UserDB(db.Model):
    __tablename__="user"
    id = db.Column(db.Integer,primary_key=True)
    name = db.Column(db.String(32))
    email = db.Column(db.String(32))
    password = db.Column(db.String(32))

    def __init__(self,name,email,password):
        self.name = name
        self.email = email
        self.password = password

    def __repr_(self):
        return 'User %s'%self.name

@app.route("/")
def index():
    return "<script>window.location.href='./page/1'</script>"

@app.route("/page/<int:page_number>")
def page(page_number=None):
    if page_number is None:
        page_number = 1

    page = db.session.query(UserDB).paginate(page=page_number,per_page=10,max_per_page=15)
    return render_template("index.html", page_data = page)

if __name__ == "__main__":
    # 初始化數(shù)據(jù)表
    db.drop_all()
    db.create_all()
    try:
        ua = UserDB(name='wang', email='wang@163.com', password='123456')
        ub = UserDB(name='zhang', email='zhang@189.com', password='201512')
        uc = UserDB(name='chen', email='chen@126.com', password='987654')
        ud = UserDB(name='zhou', email='zhou@163.com', password='456789')
        ue = UserDB(name='tang', email='tang@lyshark.com', password='158104')
        uf = UserDB(name='wu', email='wu@gmail.com', password='5623514')
        ug = UserDB(name='qian', email='qian@gmail.com', password='1543567')
        uh = UserDB(name='liu', email='liu@lyshark.com', password='867322')
        ui = UserDB(name='li', email='li@163.com', password='4526342')
        uj = UserDB(name='sun', email='sun@163.com', password='235523')
        db.session.add_all([ua, ub, uc, ud, ue, uf, ug, uh, ui, uj,uj,uj,uj,uj,uj,uj,uj,uj])
        db.session.commit()

    except Exception as e:
        # 插入失敗自動回滾
        db.session.rollback()
        raise e
    app.run(debug=True)

flask_paginate 分頁組件

Flask-Paginate 是 Flask 框架中的一個重要插件，為開發(fā)者提供了便捷而靈活的分頁解決方案。通過結(jié)合 Flask 官方的分頁部件，這個插件能夠輕松地實現(xiàn)對大量數(shù)據(jù)的分頁展示，為用戶提供更友好的瀏覽體驗。本文將深入介紹 Flask-Paginate 的核心功能、使用方法以及與數(shù)據(jù)庫查詢的協(xié)同操作，幫助開發(fā)者更好地利用這一工具來優(yōu)化 Web 應(yīng)用的分頁展示。

前端部分使用bootstrap實現(xiàn)分頁組件，新建前端index.html文件，代碼如下；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >
</head>
<body>
<table class="table table-sm table-hover">
    <thead>
        <tr class="table-success">
            <th>序號</th>
            <th>用戶ID</th>
            <th>用戶名稱</th>
            <th>用戶郵箱</th>
            <th>用戶密碼</th>
        </tr>
    </thead>
    <tbody>
        {% for article in articles %}
            <tr class="table-primary">
                <td>{{ loop.index }}</td>
                <td>{{ article.id }}</td>
                <td>{{ article.name }}</td>
                <td>{{ article.email }}</td>
                <td>{{ article.password }}</td>
            </tr>
        {% endfor %}
    </tbody>
</table>
<nav class="d-flex justify-content-center" aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item"><a class="page-link" href="./page=1" rel="external nofollow"  rel="external nofollow" >首頁</a></li>
      {% if pagination.has_prev %}
           <li class="page-item"><a class="page-link" href="./page={{ prve_num }}" rel="external nofollow" >上一頁</a></li>
      {% endif %}

        <!--獲取當(dāng)前列表,并全部填充到這里-->
        {% for item in pageRange %}
            <!--判斷如果是當(dāng)前頁則直接標(biāo)號為藍(lán)色高亮-->
            {% if item == currentPage %}
                <li class="page-item active"><a class="page-link" href="./page={{ item }}" rel="external nofollow"  rel="external nofollow" >{{ item }}</a></li>
            <!--否則的話,就直接接收參數(shù)填充-->
            {% else %}
                <li class="page-item"><a class="page-link" href="./page={{ item }}" rel="external nofollow"  rel="external nofollow" >{{ item }}</a></li>
            {% endif %}
        {% endfor %}

      {% if next_end %}
          <li class="page-item"><a class="page-link" href="./page={{ next_num }}" rel="external nofollow" >下一頁</a></li>
      {% endif %}
    <li class="page-item"><a class="page-link" href="./page={{ PageCount }}" rel="external nofollow" >尾頁</a></li>
  </ul>
</nav>

  <div style="text-align: center;" class="alert alert-dark">
   統(tǒng)計: {{ pagination.page }}/{{ PageCount }} 共查詢到:{{ pagination.total }} 條數(shù)據(jù) 頁碼列表:{{ pageRange }}
  </div>
</body>
</html>

后端就是對請求的響應(yīng)，前端用戶通過GET方式訪問，后端獲得用戶頁面數(shù)，查詢后動態(tài)展示出來即可。

from flask import Flask,render_template,request
from flask_sqlalchemy import SQLAlchemy
from flask_paginate import Pagination,get_page_parameter
import math

app = Flask(__name__, template_folder="./tempate",static_folder="./tempate")

# url的格式為：數(shù)據(jù)庫的協(xié)議：//用戶名：密碼@ip地址：端口號（默認(rèn)可以不寫）/數(shù)據(jù)庫名
app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///database.db"

# 設(shè)置每次請求結(jié)束后會自動提交數(shù)據(jù)庫的改動
app.config['SQLALCHEMY_COMMIT_ON_TEARDOWN'] = True
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = True

# 查詢時顯示原始SQL語句
app.config['SQLALCHEMY_ECHO'] = False

# 創(chuàng)建數(shù)據(jù)庫的操作對象
db = SQLAlchemy(app)

# 創(chuàng)建用戶表
class UserDB(db.Model):
    __tablename__="user"
    id = db.Column(db.Integer,primary_key=True)
    name = db.Column(db.String(32))
    email = db.Column(db.String(32))
    password = db.Column(db.String(32))

    def __init__(self,name,email,password):
        self.name = name
        self.email = email
        self.password = password

    def __repr_(self):
        return 'User %s'%self.name

@app.route("/")
def index():
    return """<script>window.location.href="./page=1" rel="external nofollow"  rel="external nofollow" </script>"""

@app.route("/page=<int:id>")
def GetPages(id):
    # 默認(rèn)每頁顯示10個元素
    PER_PAGE = 10

    total = db.session.query(UserDB).count()
    print("總記錄 {} 條".format(total))

    currentPage = request.args.get(get_page_parameter(),type=int,default=int(id))
    print("當(dāng)前頁碼ID為 {}".format(currentPage))

    start = (currentPage-1)*PER_PAGE   # 分頁起始位置
    end = start+PER_PAGE               # 分頁結(jié)束位置
    print("起始位置 {} 結(jié)束位置 {}".format(start,end))

    prev_num = int(currentPage)-1
    next_num = int(currentPage)+1
    print("上一頁頁碼 {} 下一頁頁碼 {}".format(prev_num,next_num))

    # 計算出需要切割的頁數(shù)
    page_count = math.ceil(total/PER_PAGE)
    print("切割頁數(shù) {}".format(page_count))

    pagination = Pagination(page=currentPage,total=total)

    # 執(zhí)行數(shù)據(jù)庫切片
    articles = db.session.query(UserDB).slice(start,end)

    # 判斷,如果next_end大于總數(shù)說明到最后了
    if currentPage>=math.ceil(total/PER_PAGE):
        # 那么我們就將next_end設(shè)置為0,前端就不執(zhí)行顯示了
        next_end=0
    else:
        next_end=1

    # -------------------------------------------------
    # 此頁面是擴展部分,用于生成當(dāng)前頁碼,并填充到前端

    # 如果總頁數(shù)小于15則一次性生成頁碼即可
    if page_count < 15:
        pageRange = range(1,page_count+1)

    # 總頁數(shù)大于15則需要分情況生成
    elif page_count > 15:
        # 說明是第一頁
        if currentPage-5 < 1:
            pageRange = range(1,11)
        # 說明是最后一頁
        elif currentPage+5 > page_count:
            pageRange = range(currentPage-5,page_count)
        # 說明是中間頁
        else:
            pageRange = range(currentPage-5,currentPage+5)

    # 如果都不是則返回總數(shù)
    else:
        pageRange = page_count

    print("生成的當(dāng)前頁碼: {}".format(pageRange))

    context = {
        'pagination': pagination,
        'articles': articles,
        'prve_num': prev_num,
        'next_num': next_num,
        'PageCount': page_count,
        'pageRange': pageRange,
        'next_end': next_end,
        "currentPage": currentPage
    }
    return render_template('index.html',**context)

if __name__ == "__main__":
    db.drop_all()
    db.create_all()
    try:
        ua = UserDB(name='wang', email='wang@163.com', password='123456')
        ub = UserDB(name='zhang', email='zhang@189.com', password='201512')
        uc = UserDB(name='chen', email='chen@126.com', password='987654')
        ud = UserDB(name='zhou', email='zhou@163.com', password='456789')
        ue = UserDB(name='tang', email='tang@lyshark.com', password='158104')
        uf = UserDB(name='wu', email='wu@gmail.com', password='5623514')
        ug = UserDB(name='qian', email='qian@gmail.com', password='1543567')
        uh = UserDB(name='liu', email='liu@lyshark.com', password='867322')
        ui = UserDB(name='li', email='li@163.com', password='4526342')
        uj = UserDB(name='sun', email='sun@163.com', password='235523')
        db.session.add_all([ua, ub, uc, ud, ue, uf, ug, uh, ui, uj,uj,uj,uj,uj,uj,uj,uj,uj])
        db.session.commit()

    except Exception as e:
        # 插入失敗自動回滾
        db.session.rollback()
        raise e
    app.run(debug=True)

Pagination 自寫分頁器

前端部分使用bootstrap實現(xiàn)分頁組件，新建前端index.html文件，代碼如下；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >
</head>
<body>
    <table class="table table-sm table-hover">
        <thead>
            <tr class="table-success">
                <th>用戶ID</th>
                <th>用戶名稱</th>
                <th>用戶郵箱</th>
                <th>用戶密碼</th>
            </tr>
        </thead>
        <tbody>
            {% for article in articles %}
                <tr class="table-primary">
                    <td>{{ article.id }}</td>
                    <td>{{ article.name }}</td>
                    <td>{{ article.email }}</td>
                    <td>{{ article.password }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

    <!--輸出頁碼范圍-->
    <nav class="d-flex justify-content-center" aria-label="Page navigation example">
         <ul class="pagination">
            {{ html|safe }}
        </ul>
    </nav>
</body>
</html>

首先需要創(chuàng)建一個pager.py文件，里面包含一個Pagination分頁類部件。

import copy
from urllib.parse import urlencode

class Pagination(object):
    def __init__(self,current_page,total_count,base_url,params,per_page_count=10,max_pager_count=11):
        try:
            current_page = int(current_page)
        except Exception as e:
            current_page = 1
        if current_page <=0:
            current_page = 1
        self.current_page = current_page
        # 數(shù)據(jù)總條數(shù)
        self.total_count = total_count
        # 每頁顯示10條數(shù)據(jù)
        self.per_page_count = per_page_count
        # 頁面上應(yīng)該顯示的最大頁碼
        max_page_num, div = divmod(total_count, per_page_count)
        if div:
            max_page_num += 1
        self.max_page_num = max_page_num
        # 頁面上默認(rèn)顯示11個頁碼（當(dāng)前頁在中間）
        self.max_pager_count = max_pager_count
        self.half_max_pager_count = int((max_pager_count - 1) / 2)
        # URL前綴
        self.base_url = base_url
        # request.GET
        params = copy.deepcopy(params)
        # params._mutable = True
        get_dict = params.to_dict()
        # 包含當(dāng)前列表頁面所有的搜/索條件
        self.params = get_dict
    @property
    def start(self):
        return (self.current_page - 1) * self.per_page_count
    @property
    def end(self):
        return self.current_page * self.per_page_count
    def page_html(self):
        # 如果總頁數(shù) <= 11
        if self.max_page_num <= self.max_pager_count:
            pager_start = 1
            pager_end = self.max_page_num
        # 如果總頁數(shù) > 11
        else:
            # 如果當(dāng)前頁 <= 5
            if self.current_page <= self.half_max_pager_count:
                pager_start = 1
                pager_end = self.max_pager_count
            else:
                # 當(dāng)前頁 + 5 > 總頁碼
                if (self.current_page + self.half_max_pager_count) > self.max_page_num:
                    pager_end = self.max_page_num
                    pager_start = self.max_page_num - self.max_pager_count + 1   #倒這數(shù)11個
                else:
                    pager_start = self.current_page - self.half_max_pager_count
                    pager_end = self.current_page + self.half_max_pager_count
        page_html_list = []
        # 首頁
        self.params['page'] = 1
        first_page = '<li class="page-item"><a class="page-link" href="%s?%s" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >首頁</a></li>' % (self.base_url,urlencode(self.params),)
        page_html_list.append(first_page)
        # 上一頁
        self.params["page"] = self.current_page - 1
        if self.params["page"] < 1:
            pervious_page = '<li class="page-item" class="disabled"><a class="page-link" \
            href="%s?%s" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  aria-label="Previous">上一頁</span></a></li>' % (self.base_url, urlencode(self.params))
        else:
            pervious_page = '<li class="page-item"><a class="page-link" href = "%s?%s" \
            aria-label = "Previous" >上一頁</span></a></li>' % ( self.base_url, urlencode(self.params))
        page_html_list.append(pervious_page)
        # 中間頁碼
        for i in range(pager_start, pager_end + 1):
            self.params['page'] = i
            if i == self.current_page:
                temp = '<li class="page-item active" class="active"><a class="page-link" \
                href="%s?%s" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >%s</a></li>' % (self.base_url,urlencode(self.params), i,)
            else:
                temp = '<li  class="page-item"><a class="page-link" \
                href="%s?%s" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >%s</a></li>' % (self.base_url,urlencode(self.params), i,)
            page_html_list.append(temp)
        # 下一頁
        self.params["page"] = self.current_page + 1
        if self.params["page"] > self.max_page_num:
            self.params["page"] = self.current_page
            next_page = '<li class="page-item" class="disabled"><a class="page-link" \
            href = "%s?%s" aria-label = "Next">下一頁</span></a></li >' % (self.base_url, urlencode(self.params))
        else:
            next_page = '<li class="page-item"><a class="page-link" href = "%s?%s" \
            aria-label = "Next">下一頁</span></a></li>' % (self.base_url, urlencode(self.params))
        page_html_list.append(next_page)
        # 尾頁
        self.params['page'] = self.max_page_num
        last_page = '<li class="page-item"><a class="page-link" href="%s?%s" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >尾頁</a></li>' % (self.base_url, urlencode(self.params),)
        page_html_list.append(last_page)
        return ''.join(page_html_list)

主函數(shù)main.py則直接import Pagination導(dǎo)入分頁類，然后調(diào)用Pagination函數(shù)即可實現(xiàn)分頁了。

from flask import Flask,render_template,request
from flask_sqlalchemy import SQLAlchemy
from pager import Pagination

app = Flask(__name__, template_folder="./tempate",static_folder="./tempate")

app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///database.db"

# 設(shè)置每次請求結(jié)束后會自動提交數(shù)據(jù)庫的改動
app.config['SQLALCHEMY_COMMIT_ON_TEARDOWN'] = True
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = True

# 查詢時顯示原始SQL語句
app.config['SQLALCHEMY_ECHO'] = False

# 創(chuàng)建數(shù)據(jù)庫的操作對象
db = SQLAlchemy(app)

# 創(chuàng)建用戶表
class UserDB(db.Model):
    __tablename__="user"
    id = db.Column(db.Integer,primary_key=True)
    name = db.Column(db.String(32))
    email = db.Column(db.String(32))
    password = db.Column(db.String(32))

    def __init__(self,name,email,password):
        self.name = name
        self.email = email
        self.password = password

    def __repr_(self):
        return 'User %s'%self.name

@app.route("/")
def index():
    total = db.session.query(UserDB).count()
    print("查詢總記錄數(shù): {}".format(total))

    page_number = request.args.get("page", 1)
    print("當(dāng)前傳入頁碼: {}".format(page_number))

    # 分頁類 [ Pagination(傳入頁碼/總記錄數(shù)/分頁URL前綴/傳入數(shù)據(jù)params/每頁顯示數(shù)/最大顯示頁碼 )]
    Page = Pagination(page_number, total, request.path, request.args, per_page_count=10, max_pager_count=15)

    # 對數(shù)據(jù)切片
    index = db.session.query(UserDB)[Page.start:Page.end]
    print("頁面切片: {}".format(index))

    # 渲染頁面
    html = Page.page_html()
    print("渲染頁碼頁面: {}".format(html))

    return render_template("index.html",articles=index,html=html)

if __name__ == "__main__":
    # 初始化數(shù)據(jù)表
    db.drop_all()
    db.create_all()
    try:
        ua = UserDB(name='wang', email='wang@163.com', password='123456')
        ub = UserDB(name='zhang', email='zhang@189.com', password='201512')
        uc = UserDB(name='chen', email='chen@126.com', password='987654')
        ud = UserDB(name='zhou', email='zhou@163.com', password='456789')
        ue = UserDB(name='tang', email='tang@lyshark.com', password='158104')
        uf = UserDB(name='wu', email='wu@gmail.com', password='5623514')
        ug = UserDB(name='qian', email='qian@gmail.com', password='1543567')
        uh = UserDB(name='liu', email='liu@lyshark.com', password='867322')
        ui = UserDB(name='li', email='li@163.com', password='4526342')
        uj = UserDB(name='sun', email='sun@163.com', password='235523')
        db.session.add_all([ua, ub, uc, ud, ue, uf, ug, uh, ui, uj,uj,uj,uj,uj,uj,uj,uj,uj])
        db.session.commit()

    except Exception as e:
        # 插入失敗自動回滾
        db.session.rollback()
        raise e
    app.run(debug=True)

到此這篇關(guān)于Flask Paginate實現(xiàn)表格分頁的使用示例的文章就介紹到這了,更多相關(guān)Flask Paginate表格分頁內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: