Flask 框架实现自定义分页
手撸的表格分页: Flask框架下的分页,我研究了很久,自带的分页方法不稳定,还不如自己手撸的好使.
<!--name:ndex.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<table class="table table-sm table-hover">
<thead>
<tr class="table-success">
<th> 序号</th> <th> 用户ID</th> <th> 用户名称</th> <th> 用户邮箱</th>
</tr>
</thead>
<tbody>
{% for article in articles %}
<tr class="table-primary">
<td>{{ loop.index }}</td>
<td>{{ article.id }}</td>
<td>{{ article.name }}</td>
<td>{{ article.email }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<nav class="d-flex justify-content-center" aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="./page=1">首页</a></li>
{% if pagination.has_prev %}
<li class="page-item"><a class="page-link" href="./page={{ prve_num }}">上一页</a></li>
{% endif %}
<!--获取当前列表,并全部填充到这里-->
{% for item in PageList %}
{% if item == 0 %} <!--判断如果为0，则说明是选中页面,直接标号为当前页码-->
<li class="page-item active"><a class="page-link" href="./page={{ pagination.page }}">{{ pagination.page }}</a></li>
{% else %} <!--否则的话,就直接接收参数填充-->
<li class="page-item"><a class="page-link" href="./page={{ item }}">{{ item }}</a></li>
{% endif %}
{% endfor %}
{% if next_end %}
<li class="page-item"><a class="page-link" href="./page={{ next_num }}">下一页</a></li>
{% endif %}
<li class="page-item"><a class="page-link" href="./page={{ PageCount }}">尾页</a></li>
</ul>
</nav>
<div style="text-align: center;" class="alert alert-dark">
统计: {{ pagination.page }}/{{ PageCount }} 共查询到:{{ pagination.total }} 条数据</div>
</body>
</html>
app.py
# name:app.py
from flask import Flask,render_template,request
from flask_sqlalchemy import SQLAlchemy
from flask_paginate import Pagination,get_page_parameter
import sqlalchemy,sqlite3,math
app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///d:/user.db'
# 设置每次请求结束后会自动提交数据库的改动
app.config['SQLALCHEMY_COMMIT_ON_TEARDOWN'] = True
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = True
# 查询时显示原始SQL语句
app.config['SQLALCHEMY_ECHO'] = False
db = SQLAlchemy(app)
class User(db.Model):
__tablename__="user" # 定义表名称
id = db.Column(db.Integer,primary_key=True) # 映射数据库字段
name = db.Column(db.String(32))
email = db.Column(db.String(32))
def __init__(self,name,email):
self.name=name
self.email=email
def __repr_(self):
return 'User %s'%self.name
@app.route("/")
def index():
return """<script>window.location.href="./page=1"</script>"""
@app.route("/page=<int:id>")
def GetPages(id):
PER_PAGE = 3 # 默认每页显示3个元素
total = db.session.query(User).count()
print("总记录 {} 条".format(total))
page = request.args.get(get_page_parameter(),type=int,default=int(id))
print("当前页码ID为 {}".format(page))
start = (page-1)*PER_PAGE # 分页起始位置
end = start+PER_PAGE # 分页结束位置
print("起始位置 {} 结束位置 {}".format(start,end))
prev_num = int(page)-1
next_num = int(page)+1
print("上一页页码 {} 下一页页码 {}".format(prev_num,next_num))
page_count = math.ceil(total/PER_PAGE) # 计算出需要切割的页数
print("切割页数 {}".format(page_count))
pagination = Pagination(page=page,total=total)
articles = db.session.query(User).slice(start,end) # 执行数据库切片
if page>=math.ceil(total/PER_PAGE): # 判断,如果next_end大于总数说明到最后了
next_end=0 # 那么我们就将next_end设置为0,前端就不执行显示了.
else:
next_end=1
# ---------------------------------------------
# 功能拓展,用于生成当前页码.
page_list = []
for i in range(1, page_count + 1):
if i == page:
page_list.append(0) # 赋值为0说明是当前页面
else: # 否则就直接赋值元素
page_list.append(i)
print("生成的当前页码: {}".format(page_list))
context = {
'pagination': pagination,
'articles': articles,
'prve_num': prev_num,
'next_num': next_num,
'PageCount': page_count,
'PageList': page_list,
'next_end': next_end
}
return render_template('index.html',**context)
if __name__ == '__main__':
app.run()
一个优秀的表格分页: 在网上摘抄的优秀的分页类,我对其进行稍微美化,并加上数据库过程,很nice.
<!-- name: page.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<table class="table table-sm table-hover">
<thead>
<tr class="table-success">
<th> 用户ID</th>
<th> 用户名称</th>
<th> 用户邮箱</th>
</tr>
</thead>
<tbody>
{% for article in articles %}
<tr class="table-primary">
<td>{{ article.id }}</td>
<td>{{ article.name }}</td>
<td>{{ article.email }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<nav class="d-flex justify-content-center" aria-label="Page navigation example">
<ul class="pagination">
{{ html|safe }}
</ul>
</nav>
</body>
</html>
pager.py
# name:pager.py
import copy
from urllib.parse import urlencode,quote,unquote
class Pagination(object):
def __init__(self,current_page,total_count,base_url,params,per_page_count=10,max_pager_count=11):
try:
current_page = int(current_page)
except Exception as e:
current_page = 1
if current_page <=0:
current_page = 1
self.current_page = current_page
# 数据总条数
self.total_count = total_count
# 每页显示10条数据
self.per_page_count = per_page_count
# 页面上应该显示的最大页码
max_page_num, div = divmod(total_count, per_page_count)
if div:
max_page_num += 1
self.max_page_num = max_page_num
# 页面上默认显示11个页码（当前页在中间）
self.max_pager_count = max_pager_count
self.half_max_pager_count = int((max_pager_count - 1) / 2)
# URL前缀
self.base_url = base_url
# request.GET
params = copy.deepcopy(params)
# params._mutable = True
get_dict = params.to_dict()
# 包含当前列表页面所有的搜/索条件
self.params = get_dict
@property
def start(self):
return (self.current_page - 1) * self.per_page_count
@property
def end(self):
return self.current_page * self.per_page_count
def page_html(self):
# 如果总页数 <= 11
if self.max_page_num <= self.max_pager_count:
pager_start = 1
pager_end = self.max_page_num
# 如果总页数 > 11
else:
# 如果当前页 <= 5
if self.current_page <= self.half_max_pager_count:
pager_start = 1
pager_end = self.max_pager_count
else:
# 当前页 + 5 > 总页码
if (self.current_page + self.half_max_pager_count) > self.max_page_num:
pager_end = self.max_page_num
pager_start = self.max_page_num - self.max_pager_count + 1 #倒这数11个
else:
pager_start = self.current_page - self.half_max_pager_count
pager_end = self.current_page + self.half_max_pager_count
page_html_list = []
# 首页
self.params['page'] = 1
first_page = '<li class="page-item"><a class="page-link" href="%s?%s">首页</a></li>' % (self.base_url,urlencode(self.params),)
page_html_list.append(first_page)
# 上一页
self.params["page"] = self.current_page - 1
if self.params["page"] < 1:
pervious_page = '<li class="page-item" class="disabled"><a class="page-link" \
href="%s?%s" aria-label="Previous">上一页</span></a></li>' % (self.base_url, urlencode(self.params))
else:
pervious_page = '<li class="page-item"><a class="page-link" href = "%s?%s" \
aria-label = "Previous" >上一页</span></a></li>' % ( self.base_url, urlencode(self.params))
page_html_list.append(pervious_page)
# 中间页码
for i in range(pager_start, pager_end + 1):
self.params['page'] = i
if i == self.current_page:
temp = '<li class="page-item active" class="active"><a class="page-link" \
href="%s?%s">%s</a></li>' % (self.base_url,urlencode(self.params), i,)
else:
temp = '<li class="page-item"><a class="page-link" \
href="%s?%s">%s</a></li>' % (self.base_url,urlencode(self.params), i,)
page_html_list.append(temp)
# 下一页
self.params["page"] = self.current_page + 1
if self.params["page"] > self.max_page_num:
self.params["page"] = self.current_page
next_page = '<li class="page-item" class="disabled"><a class="page-link" \
href = "%s?%s" aria-label = "Next">下一页</span></a></li >' % (self.base_url, urlencode(self.params))
else:
next_page = '<li class="page-item"><a class="page-link" href = "%s?%s" \
aria-label = "Next">下一页</span></a></li>' % (self.base_url, urlencode(self.params))
page_html_list.append(next_page)
# 尾页
self.params['page'] = self.max_page_num
last_page = '<li class="page-item"><a class="page-link" href="%s?%s">尾页</a></li>' % (self.base_url, urlencode(self.params),)
page_html_list.append(last_page)
return ''.join(page_html_list)
app.py
# name:app.py
from flask import Flask,render_template,request,redirect
from pager import Pagination #带入分页类
from urllib.parse import urlencode
from flask_sqlalchemy import SQLAlchemy
import sqlalchemy,sqlite3,math
app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///d:/user.db'
# 设置每次请求结束后会自动提交数据库的改动
app.config['SQLALCHEMY_COMMIT_ON_TEARDOWN'] = True
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = True
# 查询时显示原始SQL语句
app.config['SQLALCHEMY_ECHO'] = False
db = SQLAlchemy(app)
class User(db.Model):
__tablename__="user" # 定义表名称
id = db.Column(db.Integer,primary_key=True) # 映射数据库字段
name = db.Column(db.String(32))
email = db.Column(db.String(32))
def __init__(self,name,email):
self.name=name
self.email=email
def __repr_(self):
return 'User %s'%self.name
@app.route("/")
def hello():
# current_page—: 表示当前页
# total_count—: 数据总条数
# base_url: 分页URL前缀，通过request.path方法获取
# params: 请求传入的数据params可以通过request.args动态获取
# per_page_count :指定每页显示数
# max_pager_count: 指定页面最大显示页码
total = db.session.query(User).count()
Page = Pagination(request.args.get("page", 1), total, request.path, request.args, per_page_count=5)
index_list = db.session.query(User)[Page.start:Page.end]
html = Page.page_html()
return render_template("page.html",articles=index_list,html=html)
if __name__ == '__main__':
app.run(debug=True)
Flask 框架实现自定义分页的更多相关文章
- 第三百一十四节，Django框架，自定义分页
第三百一十四节,Django框架,自定义分页 自定义分页模块 #!/usr/bin/env python #coding:utf-8 from django.utils.safestring impo ...
- 十二 Django框架，自定义分页
自定义分页模块 #!/usr/bin/env python #coding:utf-8 from django.utils.safestring import mark_safe #封装分页类模块 c ...
- Django框架之自定义分页
分页功能在每个网站都是必要的,对于分页来说,其实就是根据用户的输入计算出应该在数据库表中的起始位置. 1.设定每页显示数据条数 2.用户输入页码(第一页.第二页...) 3.根据设定的每页显示条数和当 ...
- web框架--tornado自定义分页
1.tornado_main.py #!/usr/bin/env python # -*- coding: utf-8 -*- import tornado.web import tornado.io ...
- python 全栈开发，Day87(ajax登录示例,CSRF跨站请求伪造,Django的中间件,自定义分页)
一.ajax登录示例 新建项目login_ajax 修改urls.py,增加路径 from app01 import views urlpatterns = [ path('admin/', admi ...
- Django自定义分页、bottle、Flask
一.使用django实现之定义分页 1.自定义分页在django模板语言中,通过a标签实现; 2.前段a标签使用<a href="/user_list/?page=1"> ...
- Django框架详细介绍---cookie、session、自定义分页
1.cookie 在HTTP协议介绍中提到,该协议是无状态的,也就是每次请求都是独立的,它的执行情况和结果与前面的请求和之后的请求都无直接关系,它不会受前面的请求响应情况直接影响,也不会直接影响后面的 ...
- flask框架下的jinja2模板引擎(2)(过滤器与自定义过滤器)
flask框架下的jinja2模块引擎(1):https://www.cnblogs.com/chichung/p/9774556.html 这篇论文主要用来记录下 jinja2 的过滤器. 什么是过 ...
- Django框架---- 自定义分页组件
分页的实现与使用 class Pagination(object): """ 自定义分页 """ def __init__(self,cur ...
- python 全栈开发，Day115(urlencode,批量操作,快速搜索,保留原搜索条件,自定义分页,拆分代码)
今日内容前戏 静态字段和字段 先来看下面一段代码 class Foo: x = 1 # 类变量.静态字段.静态属性 def __init__(self): y = 6 # 实例变量.字段.对象属性 # ...
随机推荐
- 【python爬虫】 request模块介绍 http协议版本区别 双token认证 携带cookie的两种方式 requests.session的使用 post请求携带数据编码格式 request.text编码问题 下载图片，视频
目录 上节回顾 今日内容 1 爬虫介绍 2 request模块介绍 3 request发送get请求 4 request携带参数 5 url编码解码 6 携带请求头 http协议版本之间的区别 7 发 ...
- CO01/CO02生产订单组件库存地点替换
一.生产订单组件库存地点替换 当生产订单维护组件点击保存时,根据对应的工厂和工作中心,到配置表中查询对应的库存地点,并将自动带出的库存地点替换 二.隐式增强 在函数CO_VB_ORDER_POST中添 ...
- Spring 学习笔记（2）框架介绍
本篇文章主要对 Spring 框架进行整体介绍,包括其核心功能模块与体系结构,让大家对该框架有个大体的认识. 1. 前景提要 如果你之前学过 Servlet 的话,那么一定会对 MVC 分层概念有所了 ...
- JXUST_NC - ACM工作室20级选拔赛题解
A - RioTian学长的星际航线 并查集板子 #include <bits/stdc++.h> using namespace std; const int maxn = 1010; ...
- 文心一言 VS 讯飞星火 VS chatgpt （181）-- 算法导论13.4 4题
四.用go语言,在 RB-DELETE-FIXUP 代码的哪些行中,可能会检查或修改哨兵 T.nil ? 文心一言: RB-DELETE-FIXUP 是红黑树中的一个操作,用于在删除一个节点后进行必要 ...
- 写SAE评测，获 Airpods 2大奖【集结令】！
Serverless 应用引擎 SAE 开启测评有奖!名额有限,先到先得! Serverless应用引擎SAE是一款极简易用.自适应弹性的容器化应用平台.现面向所有用户发出诚挚邀请,参与一分钟部署在线 ...
- 六、mycat全局自增
系列导航 一.Mycat实战---为什么要用mycat 二.Mycat安装 三.mycat实验数据 四.mycat垂直分库 五.mycat水平分库 六.mycat全局自增 七.mycat-ER分片 一 ...
- 元素偏移量offset系列
1.1 offset概述 offset翻译过来,就是偏移量,我们使用offset系列相关属性,可以动态的得到该元素的位置(偏移).大小等. 获取元素距离带有定位父元素的位置. 获得元素自身的大小(宽度 ...
- 如何使用 Helm 在 K8s 上集成 Prometheus 和 Grafana｜Part 3
在本教程的前两部分,我们分别了解和学习了Prometheus 和 Grafana 的基本概念和使用的前提条件,以及使用 Helm 在 Kubernetes 上安装 Prometheus. 在今天的教程 ...
- 【FreeRTOS】任务调度
启动调度器接口,主要是创建空闲任务和定时器任务以及执行特定架构的启动调度器接口 // FreeRTOS\Source\tasks.c void vTaskStartScheduler( void ) ...