大家好，我是早起。

我想很多人用 Python 就是用 pandas 进行数据分析，并且你大概率每天就用到 pandas 那几个函数处理结构大致相似的数据。

每天重复写着同样的代码，很辛苦，于是就会有人想到用 Pyinstaller 进行打包，但是打包的痛苦，尤其是各种乱七八糟的报错只能说试过的都懂。

但你有想过将要打包的功能，做到网页上去吗？这样只要有个公网ip就能随时随地、不限设备的去访问。你可能会想过，但是当你尝试去实现，发现 Python 开发页面动不动就是 Django/flask 这样的大家伙，很容易劝退。

本文我就将基于之前介绍过的 PyWebIO 库，讲一下如何不写一行前端代码，仅用一个不到100行的py脚本制作下面的页面

上传数据

首先是数据的加载，在 PyWebIO 中实现这个操作非常简单，只需要一行代码即可在页面添加一个上传文件的部件

file = file_upload('请选择需要加载的数据')

当然有上传就有读取的操作，虽然后台已经将数据文件读取了，但默认不是用 pandas 读取的很难操作，所以我们可以用下面的代码将文件名字读取出来之后，再用 pandas 进行读取。

df = read_file(file['filename'])

读取之后呢，就会进入到下面的页面，我们继续讲解该其他功能的实现

添加按钮与事件

有关标题和文字部分的讲解见该系列第一篇文章，本文不再赘述。

现在来重点讲解一下，如何添加一个按钮，简单来说就是如何实现像下图一样，点击按钮实现对应功能

这就分为两个操作，添加按钮和绑定对应按钮的事件，在 PyWebIO 中，我们可以使用 put_buttons 添加一个按钮，并使用 onclick 绑定该按钮对应的事件

put_buttons(['关闭'], onclick=lambda _: close_popup())

例如上面代码就添加了一个关闭的按钮，点击就会关闭弹窗，到我们的页面来，我们有一排按钮，怎么实现？

答案是用一个 list，然后将每个按钮对应的事件也用一个list传给后台即可

put_buttons(['检查重复值','删除重复值','检查缺失值','删除缺失值','检查异常值','删除异常值'], onclick=[lambda: chongfu(df,res_table),
lambda: chongfuchuli(df,res_table),
lambda: other(),
lambda: other(),
lambda: other(),
lambda: other()])

按钮设置好了之后，就是该按钮对应操作函数的开发了，例如查找重复值，这对于刷了 pandas300题 的同学来说，完全不是问题

df1 = df[df.国家奥委会.duplicated() == True]

但是这只是用 pandas 将重复值查找出来了，怎样让网页显示出来，这又是下一个问题。

显示数据

在上面，我们搞定了点击按钮就将重复值筛选出来，但是如何让前端展示表格。

在 PyWebIO 中展示表格一般像下面一样，将数据转换为多级列表，再用过markdown渲染出来

但是如果再写一个转换函数，就略显麻烦，幸运的是 pandas 可以直接输出html，所以我们可以将数据先转化为 html 再嵌入页面中，就像前端的 iframe 一样，这部分代码如下

put_scrollable(res_table,horizon_scroll=True,height=450)
res_table.reset(put_html(df1.to_html(border=0)))

通过循环这样的操作，我们给每一个按钮都添加一个功能函数，函数内写入 pandas 操作部分与前端显示部分就能完成第一部分数据处理的操作。

pin - 持续性输入

下面一个功能是数据筛选，即给定关键词，输出包含该关键词的行。

看起来很简单，但这却是 PyWebIO 中最难的部分，因为 PyWebIO 默认是同步的代码，也就是如果一个输入框没有输入内容，那么后面的全部代码都不会展示。

这也是为什么，在第一个页面，没有上传文件，后面的页面代码都没有输出，显然如果这里还用同样的方法是不可以的。

这就用到 pin 方法，可以简单的按照异步的思路去理解，也就是说我们先创建一个输入框和一个提交按钮，再用回调函数进行绑定

put_markdown('## 数据查询')
pin.put_input('res', label='请在下方输入框要查询的关键字', type=TEXT)
put_buttons(['提交查询'], lambda _: chaxun(res_table,df,pin.pin['res']))

就像上面一样，先使用 pin.put_input 创建输入框，再使用 put_buttons 添加一个按钮并绑定对应操作，这里看起来代码不长，但是实际写代码时是需要花费一定时间思考的！

到这里，至此我们的页面主要逻辑就介绍完毕，至于一些细节性的修改例如文字、标题等大家可以自行研究源码学习！

小结

通过上面的讲解，我们可以发现，没有写一行前端，就完成了一个简单的数据查询与处理页面的开发，这就是 PyWebIO 魅力所在！

当然弊端也是有的，就是它最大的优点也是它最大的缺点，不写前端代码可以不用关注样式，从而导致页面过于简单。所以你应该合理评估自己对页面样式的评估来选择是否使用它！

但不论如何，我都会在后续的文章中，分享如何用 PyWebIO 开发更多的页面！喜欢这个系列的话可以给本文点赞、留言、在看！

各位伙伴们好，詹帅本帅搭建了一个个人博客和小程序，汇集各种干货和资源，也方便大家阅读，感兴趣的小伙伴请移步小程序体验一下哦！（欢迎提建议）推荐阅读牛逼！Python常用数据类型的基本操作（长文系列第①篇）
牛逼！Python的判断、循环和各种表达式（长文系列第②篇）牛逼！Python函数和文件操作（长文系列第③篇）牛逼！Python错误、异常和模块（长文系列第④篇）