惊喜，python这么容易就能做出一个查询数据界面

off999 2024-12-23 12:42 41 浏览 0 评论

界面的制作一直是 Python 的痛！使用 Python 制作桌面端界面是非常痛苦的过程(又难学又难看)。不过，Python 已经出现了几个基于web前端的库，他们的基本机制大同小异，如果对 界面操作性没有太大要求，那么这些库就比较适合你 。

这个系列基于 pywebio 的一系列实战应用，让我们从实战中学习这个库的使用！

如果对你有帮助，记得转发推荐给你的好友！

你的点赞、收藏是对我的最大鼓励！

本节源码回复"pywebio"即可获取

本文是对多种交互界面的套路，以及 pywebio 中对应解决方式的讲解。是本系列后续实战案例的关键，如果你是能尽快上手 pywebio 或 streamlit 这些库，那么请务必好好理解

本节最终效果：

安装库：

pip install -U pywebio

布局

虽然需求比较简单，但我们还是希望培养一种好习惯。

首先利用作用域对整个页面做布局：

这里定义作用域是为了方便后续对页面的不同部分内容做修改

关于作用域，pin 等内容都在本系列章节有详细讲解，请回看

其实现在界面就可以正常显示，但是当点击"查询"按钮时，就会报错：

这是因为我们没有告诉按钮，点击时要执行什么操作

现在可以定义按钮点击时的处理：

行10-13：定义函数，接受一个 DataFrame 参数
行11：现在可以通过 pin 获取输入框的内容，注意此时的 pin_query 要与行21 的对应
行12：此时体现作用域的作用，我们可以在代码任何位置上更新表格
行27：hold 方法相当重要，因为当你看到数据表出现时，自定义函数已经执行完毕，hold 方法让 pywebio 保持自定义中定义的所有数据(包括自定义函数)，否则点击按钮不会起作用(因为函数 when click query 已经被销毁)

如果输入框与按钮在同一行，界面会比较合理：