新的python前端界面库,学会这3个套路,你就入门了80%

Posted 数据大宇宙

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了新的python前端界面库,学会这3个套路,你就入门了80%相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

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

上一节:


安装库:

pip install -U pywebio

界面交互的方式

最常见的界面是只显示,而用户不能交互。

这其实与普通使用 print 输出信息到控制台一样:

新的python前端界面库,学会这3个套路,你就入门了80%

如果把控制台换成浏览器上的页面,那就是 pywebio 中的各种输出方法:

新的python前端界面库,学会这3个套路,你就入门了80%


一问一答

其实,python 控制台也有一种交互方式—— input:

新的python前端界面库,学会这3个套路,你就入门了80%

  • 这里的重点是,input 这句代码会停住,直到用户按下回车。

  • 编程上这叫"阻塞",代码执行就像流水,从上而下执行,"阻塞"使得水流停住,不再往下走

对应在 pywebio 中的就是各种输入方法—— input 模块:

新的python前端界面库,学会这3个套路,你就入门了80%

新的python前端界面库,学会这3个套路,你就入门了80%

  • 这是一个让用户输入2个数字,然后把求和结果显示出来的界面

  • 注意,一旦用户确定输入成功,输入框就会消失

重点:

  • 这种流程就像不断向用户提问,界面上的内容必须等用户回答后,才会继续显示,我称为"一问一答"

  • 一旦整个页面的内容都输出完毕,也就是上面的函数执行完毕。此时函数中的所有数据都不复存在

  • 如果要重来一次,只能浏览器刷新页面,此时上面的函数又被重新调用

  • 这是 pywebio 推荐使用的流程。


作用域修复

"一问一答" 模式中有一个重要的问题, 输出的内容无法改变 。

这种模式无法实现如下效果:

新的python前端界面库,学会这3个套路,你就入门了80%

  • 第一次让用户输入之前,就显示一个表格

  • 每次输入后,表格都会立即更新

pywebio 为此提供了"作用域"的概念:

  • 作用域 概念很简单,你可以用一个名字定义页面上某个区域

  • 后面你可以随时修改指定区域的输出内容(增加、删除等都可以)

  • 行8:定义一个叫 "msg" 的区域,这个区域里面输出一个表格

  • 行14:用户输入第一个数字后,可以更新 msg 区域,使用 参数 clear=True ,去掉原来的内容,然后重新生成一个新表格

此时,把更新操作放入一个函数,代码就能简化:

import pywebioimport pywebio.output as outputimport pywebio.input as input
def main(): output.put_markdown('# 数字求和示例')
def show_table(num1='',num2='',ret=''): with output.use_scope('msg',clear=True): output.put_table([ ['数字1','数字2','结果'], [num1,num2,ret] ]) show_table()
ip1 = input.input('输入第一个数字',type=input.NUMBER) show_table(ip1)
ip2 = input.input('输入第二个数字',type=input.NUMBER) show_table(ip1,ip2,ip1 + ip2)

重点:

  • 作用域 的作用是让已经输出的内容,在后续用户交互中得到持续更新

  • 通常用在大面积的内容持续更新


"占位符"输出

前面的例子使用作用域其实有点小题大做,毕竟用户每次输入后只需要更新表格中的一个格子。

pywebio 为此提供了"占位符"的概念:

  • 行8-10:定义占位符

  • 行12:输出表格,把占位符放入表格

  • 行18:把输入的内容设置到指定的占位符中,此时表格中的占位符就能刷新

重点:

  • 占位符的目的是让已经输出的内容的某些部分,在后续用户交互中得到更新

  • 通常被用在输出控件的一个小区域,比如表格的某个格子


本节重点介绍 pywebio 关于"一问一答" 的内容持续更新知识点:

  1. 输入方法是用户交互的唯一途径

  2. 输入方法是阻塞

  3. 一旦用户成功输入,输入控件会消失

某些需求下,点2,点3是一种缺点,当然 pywebio 也有对应的解决方式。

下一节会讲解剩余两种界面交互方式以及 pywebio 中的应对套路



以上是关于新的python前端界面库,学会这3个套路,你就入门了80%的主要内容,如果未能解决你的问题,请参考以下文章

三天的时间,如何学会C++,原来只要四个步骤

SERVLET 高效总结

只要20个小时,你就可以学会任何你想学的新语言

前端都学啥框架?

上千元的Python爬虫外包案例,学会你就赚了

上千元的Python爬虫外包案例,学会你就赚了