Flask框架paginate分页报错问题

(一)初学Flask框架,使用paginate分页报错

报错信息:

在这里插入图片描述这里提示url_for()需要两个参数

检查page.html(分页模板)

{% macro page(data,url) %}
    {% if data %}
        <ul class="pagination pagination-sm no-margin pull-right">
            <li><a href="{{ url_for(url,page=1) }}">首页</a></li>
            {#  has_perv判断上一个值是否存在  #}
            {% if data.has_perv %}
                {# perv_num取上一个值 #}
                <li><a href="{{ url_for(url,data.perv_num) }}">上一页</a></li>
                {% else %}
                <li><a class="disabled" href="#">上一页</a></li>
            {% endif %}
            {% for p_num in data.iter_pages() %}
                {% if p_num == data.page %}
                <li class="active"><a href="{{ url_for(url,page=p_num) }}">{{ p_num }}</a></li>
                {% else %}
                <li><a href="{{ url_for(url,page=p_num) }}">{{ p_num }}</a></li>
                {% endif %}
            {% endfor %}

            {#  has_next判断下一个值是否存在  #}
            {% if data.has_next %}
                {# perv_num取下一个值 #}
                <li><a href="{{ url_for(url,page=data.next_num) }}">下一页</a></li>
                {% else %}
                <li><a class="disabled" href="#">下一页</a></li>
            {% endif %}

            <li><a href="{{url_for(url,data.pages)}}">尾页</a></li>
        </ul>
    {% endif %}
{% endmacro %}

发现第8行:<li><a href="{{ url_for(url,data.perv_num) }}">上一页</a></li>
data.perv_num并没有传值给page,由于不仔细,写掉了page。应改成page=perv_num
第23行:<li><a href="{{ url_for(url,page=data.next_num) }}">下一页</a></li>
改成page=data.next_num

下面是路由中的paginate

def index(page=None):
    if page is None:
        page = 1
    page_data = Movie.query.order_by(
        Movie.addTime.desc()
    ).paginate(page=page, per_page=10) # per_page:当前页显示的数据数量,默认为20
    return render_template('home/index.html', page_data=page_data)

使用分页模板

{% extends 'home/layout.html' %}
{% import "ui/page.html" as pg %}
{% block content %}
    </section>
    {# 电影列表 #}
    <div class="container">
    <section id="movielist" style="">
        <table class="table table-view">
            <tbody>
            <tr>
                <th>电影名</th>
                <th>Ftp链接</th>
            </tr>
            {% for movie in page_data.items %}
                <tr>
                    <td>{{ movie.title }}</td>
                    <td>{{ movie.ftp }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </section>
    <div class="box-footer clearfix">
                {{ pg.page(page_data,"home.index") }}
            </div>
    </div>
{% endblock %}

初学Flask,写博客只为记录自己的学习过程,并非有什么其他目的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flask-Paginate是一个Flask扩展,它提供了一种简单的方法来实现分页功能。它基于SQLAlchemy,并且可以与任何SQLAlchemy支持的数据库一起使用。 首先,你需要安装Flask-Paginate扩展。可以通过以下命令来安装: ``` pip install Flask-Paginate ``` 然后,你需要导入Flask-Paginate扩展并创建一个分页器。以下是一个简单的示例: ```python from flask_paginate import Pagination, get_page_args @app.route('/') def index(): # 获取当前页码和每页显示的数量 page, per_page, offset = get_page_args(page_parameter='page', per_page_parameter='per_page') # 从数据库中获取数据 data = get_data_from_database(offset=offset, per_page=per_page) # 创建分页pagination = Pagination(page=page, per_page=per_page, total=count_total_items_in_database(), css_framework='bootstrap4') # 渲染模板 return render_template('index.html', data=data, pagination=pagination) ``` 在上面的示例中,我们首先使用`get_page_args`函数从请求参数中获取当前页码和每页显示的数量。然后,我们从数据库中获取数据,并使用`Pagination`类创建一个分页器对象。最后,我们将数据和分页器对象传递给模板进行渲染。 在模板中,你可以使用`prev_href`,`next_href`和`links`属性来生成分页器的HTML代码。以下是一个简单的示例: ```html <div class="pagination"> <a href="{{ pagination.prev_href() }}">Previous</a> {% for page in pagination.links %} {% if page == '...' %} <span class="ellipsis">...</span> {% elif page == pagination.page %} <span class="current">{{ page }}</span> {% else %} <a href="{{ page }}">{{ page }}</a> {% endif %} {% endfor %} <a href="{{ pagination.next_href() }}">Next</a> </div> ``` 上面的代码会生成一个类似于以下HTML代码的分页器: ```html <div class="pagination"> <a href="/?page=1&per_page=10">Previous</a> <a href="/?page=1&per_page=10">1</a> <a href="/?page=2&per_page=10">2</a> <a href="/?page=3&per_page=10">3</a> <a href="/?page=4&per_page=10">4</a> <a href="/?page=5&per_page=10">5</a> <span class="ellipsis">...</span> <a href="/?page=10&per_page=10">10</a> <a href="/?page=2&per_page=10">Next</a> </div> ``` 此外,你还可以使用`prev_disabled`和`next_disabled`属性来禁用“上一页”和“下一页”链接,如果当前页码是第一页或最后一页的话。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值