超简单的Flask+Bootstrap实现分页

原文地址:Flask+Bootstrap实现分页

Flask+Bootstrap实现分页

Flask+Bootstrap+SQLAlchemy体系中实现分页过于简单,不过多赘述

1.后端

后端步骤:

  1. 获取请求的页码(页码参数不需要自己在前端写)
  2. 分页查询
  3. 返回数据
@bp.route('/')
def index(page=1):
    page_index = request.args.get('page', 1, type=int) # 从请求中获取请求的页码
    pagination = Post.query.order_by(Post.created.desc()).paginate(
        page_index, per_page=10, error_out=False) # 分页查询
    return render_template('blog/index.html', posts=pagination.items, pagination=pagination)

提示:
分页查询的结果列表通过 pagination.items获取

2.前端

后端查询结束后,将列表和pagination返回到前端

前端步骤:

  1. 引入分页宏(注意,下面的例子中用的是bootstrap5,注意自己的版本)
  2. 使用 render_pagination方法,插入分页
<!-- 引入分页宏 -->
{% from "bootstrap5/pagination.html" import render_pagination %}

<!-- 插入分页 -->
{%if pagination%}
    {{ render_pagination(pagination) }}
{%endif%}

效果如下:
flask分页

有问题留言呀,球球了,撩我一下吧。。

评论 2 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

@魏大大

我们都没有打赏的习惯

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值