flask+分页查询列表显示

news/2024/11/8 9:48:06/
import pymysqlfrom flask import Flask, render_template, requestapp = Flask(__name__)app.debug = True@app.route('/')
def home():return render_template('Order_page.html')#查询数据以列表的形式返回查询结果
@app.route('/Order_list', methods=['POST'])
def Order_list():db = pymysql.Connect(host='rm-2cs.com',port=3306,user='hai',password='6',db='test',charset='utf8')cur = db.cursor(pymysql.cursors.DictCursor)if request.method == 'POST':print('request===', request)page = int(request.form['page'])page_size = int(request.form['page_size'])sql = f"""select * from order a   order by add_time desc limit {page * page_size},{page_size}  """cur.execute(sql)result_all = cur.fetchall()print("result_all======", result_all)cur.close()db.close()return render_template('Order_page.html', orderlist=result_all)if __name__ == '__main__':app.run()

模版动态加载数据

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>订单列表</title><script>function showForm() {//document.getElementById("myForm").style.display = "block";// 监听表单提交事件document.getElementById("myForm").addEventListener("submit", function () {// 提交成功后将表单隐藏document.getElementById("myForm").style.display = "none";// 阻止表单的默认提交行为});}</script>
</head>
<body onload="showForm()">
<div id="myForm"><form action="/Order_list" method="post">请输入页码:<input type="text" name="page"><br>请输入显示数量:<input type="text" name="page_size"><br><input type="submit" value="提交"></form>
</div>
{% if orderlist %}
<table border="1"><tr>{%for name in orderlist[0].keys()%}<th>{{name}}</th>{%endfor%}</tr>{%for order in orderlist%}<tr>{%for name, value in order.items()%}<td>{{value}}</td>{%endfor%}</tr>{%endfor%}
</table>
{% endif %}
</body>
</html>

页面显示效果
在这里插入图片描述


http://www.ppmy.cn/news/747779.html

相关文章

k8s中kubectl陈述式/声明式资源管理

k8s陈述资源管理方法的说明 1.kubernetes 集群管理集群资源的唯一入口是通过相应的方法调用 apiserver 的接口 2.kubectl 是官方的CLI命令行工具&#xff0c;用于与 apiserver 进行通信&#xff0c;将用户在命令行输入的命令&#xff0c;组织并转化为 apiserver 能识别的信息&…

moka状态码解密

很多公司都在用moka招聘。有时候hr更新状态不及时&#xff0c;可以输入以下代码可以查询自己的状态。以小米为例&#xff1a; fetch("/personal-center/applications?orgIdxiaomi").then(r>r.json()).then(j>{for(let c of j)for(let a of c.apps)console.lo…

如何在众多快递物流中筛选出代收的单号

繁琐了。今天小编给大家分享一个新的查询技巧&#xff0c;它不仅能同时查询多家快递物流&#xff0c;还可对查询到的物流进行分析、筛选以及导出&#xff0c;下面一起来试试。 需要哪些工具&#xff1f; 安装一个快递批量查询高手 快递单号若干 怎么快速筛选&#xff1f; 打开…

CMD命令窗口复制与粘贴

cmd命令提示符窗口中快速复制粘贴的方法常规方法 在“命令提 示符”窗口的任意一处&#xff0c;点击右键&#xff0c;在弹出的快捷菜单中选择“标记”命令。 此时在窗口的左上角处闪烁着一个长方块状的光标&#xff0c;将鼠标移动到希望复制的文字区域的左上角&#xff0c;按下…

c语言复制粘贴快捷键_大家还知道哪些快捷键方法?如:ctrl+c复制,ctrl+v粘贴

Windows快捷键 单独按Windows&#xff1a;显示或隐藏“开始”功能表 WindowsBREAK&#xff1a;显示“系统属性”对话框 WindowsD&#xff1a;显示桌面 WindowsM&#xff1a;最小化所有窗口 WindowsShiftM&#xff1a;还原最小化的窗口 WindowsE&#xff1a;开启“资源管理器” …

vue实现多条件筛选(代码简洁)

纯vue实现数据筛选逻辑功能&#xff0c;不依赖任何第三方插件、组件&#xff0c;复制粘贴开箱即用 <template><div id"app"><div class"container"><div class"CationBox"><div class"row"><div cla…

Excel函数应用(3)--筛选随机数

1.rand() 返回一个0~1之间的随机数 可由此改编成10~100之间的随机数函数INT( 90*rand()10)。 如上图&#xff0c;利用随机函数生成一批随机数&#xff0c;这时&#xff0c;它们的共同属于一个数组。因此&#xff0c;无法更改其中个别数据&#xff0c;而且经常会发生一些意想不…

element ui table组件筛选数据

需求&#xff1a;element ui table组件筛选全部数据 element ui 文档 注意&#xff1a; 1. filter-change 要写在table根元素&#xff0c;也就是<el-table filter-change"filterChange"></el-table> 2. 需要筛选的项&#xff0c;要写上 :column-key&q…