flask flask_paginate简单分页案例；网页url随着分页动态变化

安装：

pip install flask_paginate -i https://pypi.douban.com/simple

代码

入口页：pages.py
***网页url随着分页动态变化

from flask import Flask, render_template, request
from flask_paginate import Pagination, get_page_parameterapp = Flask(__name__)# Test data
# items = [ "Item " +str(i) for i in range(150)]
columns = ['Column 1', 'Column 2', 'Column 3']
items = [ ('Value ' + str(i), 'Value 2', 'Value 3') for i in range(150)]@app.route('/')
def index():# Get page number from URL parameterpage = request.args.get(get_page_parameter(), type=int, default=1)# Get number of items per page from URL parameterper_page = request.args.get('per_page', type=int, default=10)# Get total number of itemstotal = len(items)# Get the items for the current pagestart = (page - 1) * per_pageend = start + per_pagepaginated_items = items[start:end]# Create the pagination objectpagination = Pagination(page=page, per_page=per_page, total=total,search=False, record_name='items',css_framework='bootstrap4',link_size='sm',show_single_page=False,page_parameter='page',per_page_parameter='per_page')# Render the templatereturn render_template('page.html',columns=columns,items=paginated_items,page=page,per_page=per_page,pagination=pagination)if __name__ == '__main__':app.run(debug=True)

前端模板html一定要放在templates文件夹下

page.html

<!-- 这是 HTML 的注释 -->
<!DOCTYPE html>
<html><head><!-- Import Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"></head><body><!-- Display the items -->
<table class="table table-striped"><thead><tr><th scope="col">#</th><th scope="col">Item</th></tr></thead><tbody>{% for item in items %}<tr><th scope="row">{{ loop.index }}</th><td>{{ item }}</td></tr>{% endfor %}</tbody>
</table><!-- Display the pagination controls -->
{{ pagination.links }}<!-- Import Bootstrap JavaScript -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.16.0/dist/umd/popper.min.js" integrity="sha384-cE4Z1KWZL8BZJfIyO5DY7S8W1+OJ7hZ0d5+RKzWU6G2v6g3C3ejKfVuws8pwv7Vz" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script></body>
</html>

运行入口页后前端显示

python pages.py

浏览器打开http://127.0.0.1:5000/

按传入数据格式，自动生成对应列数

入口页：pages.py
基本没动，增加了列信息columns

from flask import Flask, render_template
from flask_paginate import Pagination, get_page_argsapp = Flask(__name__)# Test data
# items = [ "Item " +str(i) for i in range(150)]
columns = ['Column 1', 'Column 2', 'Column 3']
items = [ ('Value '+str(i), 'Value 2', 'Value 3') for i in range(150)]# Pagination helper function
def get_items(offset=0, per_page=10):return items[offset: offset + per_page]@app.route('/')
def index():# Get page numberpage, per_page, offset = get_page_args(page_parameter='page',per_page_parameter='per_page')# Get total number of itemstotal = len(items)# Get the items for the current pagepaginated_items = get_items(offset=offset, per_page=per_page)# Create the pagination objectpagination = Pagination(page=page, per_page=per_page, total=total,css_framework='bootstrap4')# Render the templatereturn render_template('page.html',columns=columns,items=paginated_items,page=page,per_page=per_page,pagination=pagination)if __name__ == '__main__':app.run(debug=True)

page.html
修改循环展示传入列数和数据展示

<!-- 这是 HTML 的注释 -->
<!DOCTYPE html>
<html><head><!-- Import Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"></head><body><!-- Display the items -->
<!-- Display the items in a table -->
<table class="table table-striped"><thead><tr><th scope="col">#</th>{% for column in columns %}<th scope="col">{{ column }}</th>{% endfor %}</tr></thead><tbody>{% for item in items %}<tr><th scope="row">{{ loop.index }}</th>{% for value in item %}<td>{{ value }}</td>{% endfor %}</tr>{% endfor %}</tbody>
</table><!-- Display the pagination controls -->
{{ pagination.links }}<!-- Import Bootstrap JavaScript -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.16.0/dist/umd/popper.min.js" integrity="sha384-cE4Z1KWZL8BZJfIyO5DY7S8W1+OJ7hZ0d5+RKzWU6G2v6g3C3ejKfVuws8pwv7Vz" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script></body>
</html>

运行展示：

flask flask_paginate简单分页案例；网页url随着分页动态变化相关推荐

mysql分页案例_php+mysql 进行分页案例
分页 //分页的函数 function news($pageNum = 1, $pageSize = 3) { $array = array(); $coon = mysqli_connect(&qu ...
CSS实验案例02简单专业介绍网页
文章目录 CSS实验案例02简单专业介绍网页 2.1CSS 2.2HTML CSS实验案例02简单专业介绍网页 2.1CSS body {/* 主体*/font-size: 24px;text-ali ...
简单的flask入门,自己来写网页
简单的flask入门简单的flask入门我这里使用的是ubuntu系统,不是windows系统,解释器是python3.6,软件是pycharm 首先要创建虚拟环境, 因为可以创建独立的pytho ...
winform分页案例简单实现方式~
大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂. 最近,四班在做KTV点歌系统,正好需要用到分页的内容,所以今天我就整理整理,写了一个简易的winfrom分页案例,以下是案例截图: 案例分析:窗体 ...
solr简单搜索案例
solr简单搜索案例使用Solr实现电商网站中商品信息搜索功能,可以根据关键字搜索商品信息,根据商品分类.价格过滤搜索结果,也可以根据价格进行排序,实现分页. 架构分为: 1. solr服务器 2. ...
WebDay06 jsonajax,网络编程回顾,idea常用快捷键搜索案例分页案例
JSON&AJAX 一 JSON 1.1 JSON概述 1.2 JSON基础语法 1.3 JSON格式转换 1.4JSON转换工具的介绍 1.41 对象转 JSON, JSON 转对象 1.4 ...
Case Study: 利用JS实现数据库网页的数据分页、数据选择、数据详细信息查看功能
一.目标该笔记的目的是引导读者借助WampServer平台和MySQL数据库,利用HTML/CSS/JS/PHP设计一个能够进行实现数据分页显示.数据选择.数据详细信息查看功能的数据库网页.该数据库 ...
java爬虫-简单爬取网页图片
刚刚接触到"爬虫"这个词的时候是在大一,那时候什么都不明白,但知道了百度.谷歌他们的搜索引擎就是个爬虫. 现在大二.再次燃起对爬虫的热爱,查阅资料,知道常用java.python语 ...
Kotlin实战案例：实现RecyclerView分页查询功能（仿照主流电商APP，可切换列表）
n实战案例:带你实现RecyclerView分页查询功能(仿照主流电商APP,可切换列表和网格效果) 随着Kotlin的推广,一些国内公司的安卓项目开发,已经从Java完全切成Kotlin了.虽然Ko ...

flask flask_paginate简单分页案例；网页url随着分页动态变化

代码

按传入数据格式，自动生成对应列数

flask flask_paginate简单分页案例；网页url随着分页动态变化相关推荐

最新文章

热门文章