flask分页代码前后端

Flask是一个Python的Web开发框架，可以用于构建网站和Web应用。分页功能是一个常见的需求，可以通过前端和后端配合实现。下面是一个简单的示例代码，演示了如何在Flask中实现分页功能。

首先，我们需要在后端定义一个路由处理分页请求。例如，我们可以使用`/items`作为分页的URL，并接受`page`参数来指定当前页数。

from flask import Flask, render_template, request

app = Flask(__name__)

@app.route('/items')
def items():
    # 获取当前页数
    page = request.args.get('page', default=1, type=int)

    # 每页显示的项目数量
    per_page = 10

    # 根据当前页数计算起始和结束位置
    start = (page - 1) * per_page
    end = start + per_page

    # 获取所有项目的列表（假设这里是从数据库中获取的）
    all_items = get_all_items()

    # 获取当前页的项目
    items = all_items[start:end]

    # 渲染模板并传递数据给前端
    return render_template('items.html', items=items)

在前端，我们可以使用HTML和模板引擎来显示分页结果。在模板文件`items.html`中，我们可以使用循环来遍历并显示每个项目。

{% for item in items %}
    <div>{{ item }}</div>
{% endfor %}

此外，我们还可以在前端创建一个分页控件，让用户能够方便地切换页面。可以使用HTML和CSS来创建一个简单的分页控件，通过链接或按钮来触发不同页数的请求。

<div class="pagination">
    {% if page > 1 %}
        <a href="/items?page={{ page - 1 }}">Previous</a>
    {% endif %}
    
    {% for num in range(1, total_pages + 1) %}
        {% if num == page %}
            <span class="current-page">{{ num }}</span>
        {% else %}
            <a href="/items?page={{ num }}">{{ num }}</a>
        {% endif %}
    {% endfor %}
    
    {% if page < total_pages %}
        <a href="/items?page={{ page + 1 }}">Next</a>
    {% endif %}
</div>

上述代码只是一个简单的示例，你可以根据自己的需求进行修改和扩展。希望能对你有所帮助！