vlambda博客
学习文章列表

python新晋界面库pywebio,如何做到复杂交互界面

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

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

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

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

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

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

上一节:


安装库:

pip install -U pywebio

非阻塞输入

上一级都是在解决输出内容持续更新的问题,但是交互页面上也有一种很常见的需求。

一次性显示整个页面(输入和输出的内容),用户填写后,部分区域响应更新。

如下例子:

python新晋界面库pywebio,如何做到复杂交互界面

上一节我们学会了"一问一答"模式,那么这种需求就是让用户一次性看到所有的问题,他可以慢慢填写,不断修改

这里的关键点是, 如何使得输入控件不阻塞代码 ,毕竟结果是在输入方法之后才被执行显示。

为此,pywebio 提供一个 "pin" 模块实现:

  • 行4:导入 pin 模块

  • 行10、11:使用 pin.put_input 放置一个不阻塞输入的 输入框。第一个参数设置一个名字,方便后续获取他的输入值

  • 此时不需要定义变量接受返回,因为这个输入框不会立刻有返回。

  • 行14、15:使用 pin.pin 对象,类似一个字典,通过前面定义的名字可以获取对应输入框的值

  • 行20:这是关键方法,下面会详细介绍

这种方式其实违背了 pywebio 推荐的命令流布局方式


回调执行

之前我们了解到,一旦我们定义的函数执行完毕,就表示界面不再有任何更新,函数中定义的变量都被销毁。

但是有些动作的触发时机是用户决定,比如前面的例子中:

  • 当你看到整个页面后,实际上函数已经执行完毕

  • 正常来说,此时 按钮 设置的 lambda 已经被销毁,界面上点击按钮就无法触发 lambda

  • 行20:hold 方法告诉 pywebio 保持我们函数中定义的对象

重点:

通常当你使用 callback,那么就需要在函数结尾处调用 hold 方法

关于 pywebio 的基本套路知识就是这些,接下来继续实战应用!

推荐阅读: