百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

Python终于可以简单做个漂亮界面!pywebio做一个数据查询器

liuian 2025-02-11 12:41 60 浏览

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

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

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

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

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

本节最终效果动图:

  • 选择 excel 文件
  • 输出文件第一个工作表的数据(DataFrame)

安装库:

pip install -U pywebio

输出文本

先输出一段内容试试效果:

import pywebio
import pywebio.output as output

def main():
    output.put_html('表格显示程序')


if __name__=='__main__':
    pywebio.start_server(main, port=8080, debug=True, cdn=False,auto_open_webbrowser=True)
  • 行1,2:导入需要的东西,其中 pywebio.output 是用来输出内容相关操作
  • 行4:定义一个函数,名字随意
  • 行5:put_html 这个函数就是行2导入的 output 模块的操作,用来输出 html 内容
  • 行9:启动服务。这大部分是样板代码(就是每次都一样的)。特别重要的是第一个参数,就是我们定义的函数名字(注意并没有执行,只是传入)

执行这段脚本,如无意外你的浏览器就启动了一页,地址是 http://localhost:8080

如果你不熟悉 html 的各种标签,你可能连基本的排版都做不到。

这还好,pywebio 还支持 markdown:

def main():
    output.put_markdown('# 表格显示程序')
    output.put_markdown('功能如下:')
    output.put_markdown("""
- 选择文件
- 自动加载输出表格一部分内容
    """)

输入操作

只有输出操作是满足不了需求,界面上很多输入操作。

选择文件就是一种输入操作(用户输入内容到界面上):

import pywebio
import pywebio.output as output
import pywebio.input as input

def main():
    output.put_markdown('# 表格显示程序')
    output.put_markdown('功能如下:')
    output.put_markdown("""
- 选择文件
- 自动加载输出表格一部分内容
    """)

    file = input.file_upload('选择一个excel文件','.xlsx')
  • 行3:导入输入操作模块
  • 行13:使用 file_upload 用来让用户选择文件上传。第一个参数是提示内容,第二个参数是限定文件后缀名
  • 用户选择的文件将会赋值到变量 file

看看效果:

点击右边的"Browse"按钮,即可从弹窗中选择excel文件。

点击提交按钮后,之前的代码就会继续往下执行。

有了文件内容,我们用 pandas 读取:

import pywebio
import pywebio.output as output
import pywebio.input as input
import pandas as pd

def main():
    output.put_markdown('# 表格显示程序')
    output.put_markdown('功能如下:')
    output.put_markdown("""
- 选择文件
- 自动加载输出表格一部分内容
    """)

    file = input.file_upload('选择一个excel文件','.xlsx')
    df = pd.read_excel(file['content'])
    output.put_html(df.head(10).to_html())
  • 行15:通过 file['content'] 获取文件内容。
  • 行16:df.to html() 就能生成完整的表格 html ,然后用 put html 输出即可

看看效果:


重点

最终的代码如下:

import pywebio
import pywebio.output as output
import pywebio.input as input
import pandas as pd

def main():
    output.put_markdown('# 表格显示程序')
    output.put_markdown('功能如下:')
    output.put_markdown("""
- 选择文件
- 自动加载输出表格一部分内容
    """)

    file = input.file_upload('选择一个excel文件','.xlsx')
    df = pd.read_excel(file['content'])
    output.put_html(df.head(10).to_html())
  • 所有的input操作代码,都会等待界面操作完毕才会往下执行。例如行14 file_upload 会一直卡住,直到界面上点击 "提交" 按钮
  • 按照上面的流程,这个函数将会执行完毕。如果希望重新执行一次,只需要刷新一下浏览器的页面

只是加载数据太没趣了?下一节将进一步改进,加载数据后可以对数据查询

推荐阅读:

  1. Python动态交互系列(01),不用改代码,点点按钮就可以完成
  2. 懂Excel轻松入门Python数据分析包pandas(29):轻松做出筛选控件

相关推荐

安装系统教程win10(安装系统教程win7)

正确安装win10系统的步骤如下:1.确认电脑是否满足win10系统的最低配置要求,如CPU、内存、硬盘空间等。2.下载win10系统镜像文件,可以通过微软官网或第三方下载网站获取。3.制作U盘...

pps影音手机版下载官网(pps影音百科)

区别:1,爱奇艺主打网页播放,PPS主打客户端播放器;2,爱奇艺视频正版高清,PPS不全是高清,有部分盗版;3,爱奇艺在线播放比较好,PPS的P2P加载技术打开视频较快。1、爱奇艺PPS影音其实是爱...

百度官方下载安装免费(百度官网免费下载)

你好!有两种方法可以免费下载!第一:加入百度文库VIP看百度文库的说明,只要加入百度文库的VIP即可免费下载,不过不推荐这种还是需要花钱的方式第二:下载冰点下载器那这种方法该如何免费下载呢?下面我详细...

windows10更新文件在哪里(win10系统更新文件在哪个文件夹)
windows10更新文件在哪里(win10系统更新文件在哪个文件夹)

win10自动更新下载的文件位于C:\Windows\SoftwareDistribution\Download文件夹中。当然我们要找到哪个文件夹确切到哪个补丁并不是那么容易的,因为命名的文件夹都是长长的一段代号,一般我们要删除更新文件的...

2026-01-02 03:55 liuian

扫描仪怎么安装(信鸽扫描仪怎么安装)

扫描仪的安装步骤可能会略有不同,具体取决于您所使用的扫描仪品牌和型号。一般而言,您可以按照以下基本步骤来安装扫描仪:确认您的计算机系统符合扫描仪的最低系统要求。在计算机上插入扫描仪的安装光盘,或从制造...

u盘怎么启动重装系统(u盘启动重装系统哪个好)

1.下载好系统之家U盘以后在电脑上插入U盘并打开软件,软件会自,动配置用户的电脑信息,点击制作U盘启动盘。2.接着就进入了选择系统的界面,在这里选择需要安装的系统版本,然后点击开始制作。3.弹出提示窗...

photoshopcs6哪一年的(pscs6版本好用吗)

pscs6的发行时间是2012年4月24日,该软件是是AdobePhotoshop的第13代,具有多种功能,包括内容识别修补、Mercury图形引擎/3D性能提升/3D控制功能/改良的设计工具/全新的...

电脑如何设置自动关机win10(win10系统电脑怎么设置自动关机)

windows10自动关机设置方法如下1、打开电脑管家主界面,点击右下角的“工具箱”;2、在工具箱的其他分类中选择打开“健康小助手”;3、健康小助手中有三项功能,护眼配色、定时休息和定时关机,点击定时...

wan口未连接是欠费吗(wan口未连接是怎么回事)

网费欠费了路由器WAN指示灯常亮不闪烁,一个灯亮。路由器正常工作的话,电源指示灯是常亮状态,SYS系统指示灯和WAN指示灯会闪亮,尤其是WAN指示灯的状态有些复杂:如果WAN指示灯不亮,说明网络连接有...

如何用手机修复sd卡(如何用手机修复sd卡受损)

第一步:将要修复的内存卡,用读卡器连接到电脑上,然后下载失易得数据恢复软件。    第二步:运行软件,选择要恢复的“u盘/储存卡”功能。注:在恢复数据之...

惠普台式机bios设置(惠普台式机bios设置核显内存)

1、按电源键启动电脑,在屏幕刚亮时,不停点击F10按键,就可以进入BIOS界面;2、如果F10没反应,则在启动时不停点击ESC键;3、这个时候会进入到启动菜单选项,F10BIOSSetup就是BI...

搜狗输入法不见了怎么调出来

因为在设置里勾选了智能ABC风格,所以他会像智能ABC一样,按空格才会显示。右键点击搜狗皮肤,设置属性,勾选搜狗风格就好了。注意,当你勾选智能ABC风格的时候会自动勾选“按空格出字”。使用【ctrl...

类似系统的黑科技网吧(系统的黑科技网吧好看吗)

如果机器配置和装修都不追求高档的话应该差不多只要不是全部追求顶配基本上可以

输入法哪个好用占内存又小(哪种输入法占内存小)

最不占内存的是系统自带的输入法,不过只适合win8用户,对于win7和xp用户推荐qq输入法,不推荐搜狗(1,安装包就可以看出占用系统大小,2,各种后台运行,3,各种广告提醒),除了qq推荐谷歌输入法...

2025组装机推荐配置(21年装机配置)

1.CPU:Intel酷睿i5-10400F;2.主板:华硕H410M-K;3.内存:金士顿16GBDDR42666MHz;4.硬盘:希捷Barracuda1TB7200转;5.显卡...