首页Python flask 实现分页显示MySQL数据前端和后端代码

Python flask 实现分页显示MySQL数据前端和后端代码

时间: 2024-05-11 18:15:22 浏览: 120

python flask实现分页效果

### Python Flask 实现分页效果详解在 Web 开发中，分页是非常常见的功能之一，尤其是在数据量较大的情况下，为了提高用户体验以及减轻服务器负担，合理地进行数据分页显得尤为重要。本文将详细介绍如何使用 Python 的 Flask 框架来实现分页效果。 #### 一、Flask简介 Flask 是一个轻量级且易于使用的 Python Web 应用框架。它为开发者提供了灵活的路由系统、请求上下文管理、简单的模板引擎等功能，并且支持多种扩展来增强其功能。Flask 的灵活性使得开发者可以根据项目需求自由选择所需的组件和技术栈。 #### 二、分页基础概念分页是指将大量数据按照一定数量划分成多个页面展示的技术。在网页设计中，当数据显示过多时，如果不进行分页处理，不仅会使页面加载缓慢，还会影响用户体验。通过分页技术，我们可以让用户逐页查看数据，从而提高数据展示效率和用户体验。 #### 三、Flask中的分页实现在 Flask 中实现分页功能，通常使用 SQLAlchemy（ORM）结合 Flask-SQLAlchemy 扩展库来完成。以下是一个基本示例： ```python from flask import Flask, render_template, request, url_for from flask_sqlalchemy import SQLAlchemy from sqlalchemy import desc app = Flask(__name__) app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:////tmp/test.db' db = SQLAlchemy(app) class Post(db.Model): id = db.Column(db.Integer, primary_key=True) title = db.Column(db.String(80), unique=True) body = db.Column(db.Text) publish_date = db.Column(db.DateTime) @app.route('/') @app.route('/<int:page>') def home(page=1): # 使用 paginate 方法进行分页处理 pagination = Post.query.order_by(desc(Post.publish_date)).paginate( page, per_page=10, error_out=False) posts = pagination.items # 其他逻辑处理... return render_template('home.html', posts=posts, pagination=pagination) ``` 在这个示例中： - 使用 `@app.route('/')` 和 `@app.route('/<int:page>')` 装饰器定义了两个路由：一个默认显示第一页，另一个根据传入的参数 `page` 显示指定页。 - `Post.query.order_by(desc(Post.publish_date))` 表示按发布日期降序排列查询结果。 - `paginate(page, per_page=10, error_out=False)` 方法用于执行分页操作，其中 `page` 参数表示当前页数，`per_page` 参数表示每页显示的数据条数，`error_out` 参数用于控制超出页数范围时的行为，默认为 False 时返回空列表。 #### 四、前端模板的编写在 Flask 中，前端页面通常使用 Jinja2 模板引擎来编写。为了实现分页功能，我们需要在模板中添加相应的分页导航条。以下是一个简单的分页导航条实现示例： ```html  {% macro render_pagination(pagination) %} <div class="pagination"> {% for page in pagination.iter_pages() %} {% if page %} {% if page != pagination.page %} <a href="{{ url_for(request.endpoint, page=page) }}">{{ page }}</a> {% else %} <strong>{{ page }}</strong> {% endif %} {% else %} <span class="ellipsis">…</span> {% endif %} {% endfor %} </div> {% endmacro %}  {{ macros.render_pagination(pagination) }} ``` 在上述代码中，我们首先定义了一个名为 `render_pagination` 的宏，在该宏中遍历了 `pagination` 对象的 `iter_pages()` 方法返回的迭代器，生成了分页链接。然后在主模板中调用这个宏来渲染分页导航条。 #### 五、总结通过本文的介绍，我们可以了解到在 Flask 中实现分页功能的基本步骤：配置数据库、定义模型、实现路由处理函数以及编写前端模板。这些步骤共同协作完成了分页功能的实现，使得用户能够更高效地浏览和查找所需的信息。此外，还可以通过自定义样式等方式进一步美化分页导航条，提升用户体验。以上就是关于如何在 Flask 中实现分页功能的详细介绍，希望能帮助到大家在实际开发过程中更好地应用这一技术。

下面是一个简单的 Python Flask 分页实现，供您参考：前端代码： ```html <!DOCTYPE html> <html> <head> <title>分页显示MySQL数据</title> </head> <body> <table border="1"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> {% for data in result %} <tr> <td>{{ data.id }}</td> <td>{{ data.name }}</td> <td>{{ data.age }}</td> </tr> {% endfor %} </tbody> </table> <br> {% if prev %} <a href="?page={{ prev }}">previous</a> {% endif %} {% if next %} <a href="?page={{ next }}">next</a> {% endif %} </body> </html> ``` 后端代码： ```python from flask import Flask, render_template, request from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql://username:password@localhost/dbname' db = SQLAlchemy(app) class Users(db.Model): id = db.Column(db.Integer, primary_key=True) name = db.Column(db.String(50)) age = db.Column(db.Integer) @app.route('/') def index(): page = request.args.get('page', 1, type=int) per_page = 10 result = Users.query.order_by(Users.id.desc()).paginate(page, per_page, error_out=False) prev = None if result.has_prev: prev = result.prev_num next = None if result.has_next: next = result.next_num return render_template('index.html', result=result.items, prev=prev, next=next) if __name__ == '__main__': app.run(debug=True) ``` 希望能对您有所帮助！

阅读全文