PyWebIo 快速构建web应用

Part1什么是 PyWebIo

PyWebIO 提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输出，将浏览器变成了一个“富文本终端”，可以用于构建简单的 Web 应用或基于浏览器的 GUI 应用。使用 PyWebIO，开发者能像编写终端脚本一样(基于 input 和 print 进行交互)来编写应用，无需具备 HTML 和 JS 的相关知识；PyWebIO 还可以方便地整合进现有的 Web 服务。非常适合快速构建对 UI 要求不高的应用。

Part2PyWebIo 的特点

• 使用同步而不是基于回调的方式获取输入，代码编写逻辑更自然

• 非声明式布局，布局方式简单高效

• 代码侵入性小，旧脚本代码仅需修改输入输出逻辑便可改造为 Web 服务

• 支持整合到现有的 Web 服务，目前支持与 Flask、Django、Tornado、aiohttp、 FastAPI(Starlette)框架集成

• 同时支持基于线程的执行模型和基于协程的执行模型

• 支持结合第三方库实现数据可视化

Part3安装

pip3?install?-U?pywebio

Part4入门例子

我们用这个例子，来实现对数据的提交和检验。

from?pywebio.input?import?*
from?pywebio.output?import?*
from?pywebio.pin?import?*
from?pywebio?import?start_server

def?input_input():
????#?input的合法性校验
????#?自定义校验函数

????def?check_age(n):
????????if?n<1:
????????????return?"Too?Small!@"
????????if?n>100:
????????????return?"Too?Big!@"
????????else:
????????????pass

????myAge?=?input('please?input?your?age:',type=NUMBER,validate=check_age,help_text='must?in?1,100')
????print('myAge?is:',myAge)

if?__name__?==?'__main__':
????start_server(
????????applications=[input_input,],
????????debug=True,
????????auto_open_webbrowser=True,
????????remote_access=True,
????????)

---

效果图

Part5更多用法

1input

#?输入框
input_res?=?input("please?input?your?name:")
print('browser?input?is:',?input_res)

#?密码框
pwd_res?=?input("please?input?your?password:",type=PASSWORD)
print('password:',?pwd_res)

#?下拉框
select_res?=?select("please?select?your?city:",['北京','西安','成都'])
print('your?city?is:',select_res)

#?checkbox
checkbox_res?=?checkbox("please?confirm?the?checkbox:",options=['agree','disagree'])
print('checkbox:',?checkbox_res)

#?文本框
text_res?=?textarea("please?input?what?you?want?to?say:",rows=3,placeholder='...')
print('what?you?said?is:',text_res)

#?文件上传
upload_res?=?file_upload("please?upload?what?you?want?to?upload:",accept="image/*")

with?open(upload_res.get('filename'),mode='wb')?as?f:?#?因为读取的图片内容是二进制，所以要以wb模式打开
????f.write(upload_res.get('content'))
print('what?you?uploaded?is:',upload_res.get('filename'))

#?滑动条

sld?=?slider('这是滑动条',help_text='请滑动选择')??#?缺点是不能显示当前滑动的值
toast('提交成功')
print(sld)

#?单选选项

radio_res?=?radio(
????'这是单选',
????options=['西安','北京','成都']
????)
print(radio_res)

#?更新输入项

Country2City={
????'China':['西安','北京','成都'],
????'USA':?['纽约',?'芝加哥',?'佛罗里达'],
}

countries?=?list(Country2City.keys())

update_res?=?input_group(
????"国家和城市联动",
????[
????????#?当国家发生变化的时候，onchange触发input_update方法去更新name=city的选项，更新内容为Country2City[c]，c代表国家的选项值
????????select('国家',options=countries,name='country',onchange=lambda?c:?input_update('city',options=Country2City[c])),
????????select('城市',options=Country2City[countries[0]],name='city')
????]
)

print(update_res)

---

输入框

密码框

选择框

勾选框

文本框

文件上传

滑动条

单选框

输入框联动-1

输入框联动-2

2output

#?文本输出
put_text('这是输出的内容')

#?表格输出
put_table(
????tdata=[
????????['序号','名称'],
????????[1,'中国'],
????????[2,'美国']
????]
)

#?MarkDown输出
put_markdown('~~删除线~~')

#?文件输出
put_file('秘籍.txt','降龙十八掌')

#?按钮输出
put_buttons(
????buttons=['A','B'],
????onclick=toast
)

---

效果

3部分高级用法

#?==========================?1-输入框的参数?==============================

#?input的更多参数
ipt?=?input(
????'This?is?label',
????type=TEXT,
????placeholder='This?is?placeholder',??#?占位
????help_text='This?is?help?text',??#?提示
????required=True,??????????????????#?必填
????datalist=['a1',?'b2',?'c3'])????#?常驻输入联想
print('what?you?input?is:',ipt)

#?===========================?2-输入框自定义校验?=============================

#?input的合法性校验
#?自定义校验函数

def?check_age(n):
????if?n<1:
????????return?"Too?Small!@"
????if?n>100:
????????return?"Too?Big!@"
????else:
????????pass

myAge?=?input('please?input?your?age:',type=NUMBER,validate=check_age,help_text='must?in?1,100')
print('myAge?is:',myAge)

#?============================?3-代码编辑?============================

#?textare的代码模式

code?=?textarea(
????label='这是代码模式',
????code={
????????'mode':'python',
????????'theme':'darcula',
????},
????value='import?time

time.sleep(2)'
????)
print('code?is:',code)

#?==============================?4-输入组?==========================

def?check_age(n):
????if?n<1:
????????return?"Too?Small!@"
????if?n>100:
????????return?"Too?Big!@"
????else:
????????pass

def?check_form(datas):
????print(datas)
????if?datas.get("age")==1:
????????#return?'you?are?only?one?years?old!'
????????return?('age','you?are?only?one?years?old!')
????if?len(datas.get("name"))<=3:
????????return?('name','Name?Too?short!!!')

#?输入组
datas?=?input_group(
????"It's?input?groups...",
????inputs=[
????????input('please?input?name',name='name'),
????????input('please?input?age',name='age',type=NUMBER,validate=check_age)
????],
????validate=check_form
????)

#?======================================?5-输入框的action?=========================================

import?time

def?set_today(set_value):
????set_value(time.time())
????print(time.time())

tt?=?input('选择时间',action=('Today',set_today),readonly=True)
print(tt)

#?======================================?5-输入框的弹窗?=========================================

def?set_some(set_value):??#?此方法可以将选择的英文转换为中文
????with?popup('It?is?popup'):????#?popup?是?output?模块中的方法
????????put_buttons(['Today','Tomorrow'],onclick=[lambda:?set_value('今天','Today1'),lambda:set_value('明天','Tomorrow2')])???# set_value('今天','Today')?按Today的按钮输入Today1，实际对应：今天
????????put_buttons(['Exit'],onclick=lambda?_:?close_popup())

pp?=?input('go?popup',type=TEXT,action=('按钮弹窗',set_some))
print(pp)

---

联想词常驻+help_text

代码编辑模式

输入组

输入框的action

输入框的弹窗

按钮的onclick

代码中的 print 内容会在后台控制台打印出来。

Part6参考

• https://pywebio.readthedocs.io/zh_CN/latest/

以上就是今天的全部内容了，感谢您的阅读，我们下节再会。

完

往期推荐

Gevent | 异步就用它！

5分钟带你了解Scrum

5分钟学会本地Pypi源搭建

FastApi-18-Token生成

FastApi-19-Token校验

FastApi-20-Token获取和使用

jenkinsclient | 好用的jenkins客户端

PySimpleGUI经典实践之：这个汉字怎么读？

IO被谁吃了？

Jmeter测试TCP百万连接

点亮在看！