PyWebIO免 HTML、JS 快速构建简单 Web 应用的 Python 库

有意思

感觉很有用

试了一下 demo 只能说太痛快了

插眼，点赞

插眼，很酷！

很难不资瓷

楼主

先 star 为敬！流弊

nice

我会前端的就感觉没必要再多学

@vevlins 强哥，伟民！，能输出到 jupyter 吗，这画图用起来多爽

读了一下文档感觉很 cool，我记得 Python 生态里也有一个类似的工具，一下子想不起来名字了。
希望 input 能支持 date 和 datetime

@gogobody jupyter 也重写了 input 函数，直接调用也能够从 notebook 中获取输入。另外 PyWebIO 支持的那几个数据可视化的库都可以输出到 jupyter 中，具体可以去看看可视化库的文档

@renmu123 附言里介绍了我知道的比较相似的工具； date 和 datetime 的支持后面会加上的

感觉很实用

期待有更多实用场景的 demo

体验了下，非常好

我觉得核心的优势是不需要知道前端知识，不需要 MVC 等架构，直接用面向过程的方式把页面和后台逻辑写到一起，简化了很多操作。
主要目标用户我觉得有部分是一些科研工作者，他们做了一些类似深度学习数据统计之类的程序，但是不好呈现成果。也有很多 python 库的开发者，他们的项目需要下载下来，安装依赖等等才能看到效果，对于一些没有耐心的用户可能就流失了，现在可以方便地启动一个页面

很轻量级，酷
u 盘上能跑不？

如果想根据个人需求调整布局，操作灵活吗

想尝试做一个推流的应用，楼主方便联系我吗

pip 安装问题

PS C:\Users\George> pip install pywebio
Looking in indexes: https://pypi.tuna.tsinghua.edu.cn/simple
Collecting pywebio
Downloading https://pypi.tuna.tsinghua.edu.cn/packages/6f/67/e56cf94bf53113b7e1f745c9a690014f9ee05c00ca204c310fa79b810e04/pywebio-1.0.0.tar.gz (3.8MB)
|| 3.8MB 88kB/s
ERROR: Command errored out with exit status 1:
command: 'c:\users\george\appdata\local\programs\python\python38-32\python.exe' -c 'import sys, setuptools, tokenize; sys.argv[0] = '"'"'C:\\Users\\George\\AppData\\Local\\Temp\\pip-install-ucisft40\\pywebio\\setup.py'"'"'; __file__='"'"'C:\\Users\\George\\AppData\\Local\\Temp\\pip-install-ucisft40\\pywebio\\setup.py'"'"';f=getattr(tokenize, '"'"'open'"'"', open)(__file__);code=f.read().replace('"'"'\r\n'"'"', '"'"'\n'"'"');f.close();exec(compile(code, __file__, '"'"'exec'"'"'))' egg_info --egg-base pip-egg-info
cwd: C:\Users\George\AppData\Local\Temp\pip-install-ucisft40\pywebio\
Complete output (5 lines):
Traceback (most recent call last):
File "<string>", line 1, in <module>
File "C:\Users\George\AppData\Local\Temp\pip-install-ucisft40\pywebio\setup.py", line 13, in <module>
readme = f.read()
UnicodeDecodeError: 'gbk' codec can't decode byte 0xa7 in position 1798: illegal multibyte sequence
---------------------------------------
ERROR: Command errored out with exit status 1: python setup.py egg_info Check the logs for full command output.
WARNING: You are using pip version 19.2.3, however version 20.3.3 is available.
You should consider upgrading via the 'python -m pip install --upgrade pip' command.

@luooo 对布局只是做了简单的支持，可以参考 https://pywebio.readthedocs.io/zh_CN/latest/guide.html#id12 。另外还可以使用 https://pywebio.readthedocs.io/zh_CN/latest/output.html#pywebio.output.put_widget 这个函数来输出自定义的 html 结构，然后配合 style 标签实现布局。不过 PyWebIO 的初衷还是快速开发一些对布局不太依赖的 Web 应用，需要复杂布局和事件支持的话，还是考虑传统 Web

很有意思，比 DHH 的 Hotwire 还刺激！

@Plague 编码问题，我这就修复一下

牛逼，赞助你 500 万！

意义党，无用党，风凉话党 还有 30 秒到达战场，顺便，楼主牛逼!!!

专门登录账号回复一下：太酷啦！

太顶了，star

@Plague #22 升级 py 版本

@NeilWang 新发布的 v1.0.1 已经解决这个问题，不过其他的 PyPi 源应该不能及时同步，可以用这个命令安装开发版 pip3 install -i https://pypi.tuna.tsinghua.edu.cn/simple https://code.aliyun.com/wang0618/pywebio/repository/archive.zip

@Plague 刚刚 @ 错了，windows 安装出错参考 31 楼的回复

看起来很有意思, 这东西可以用来作为 pandas 的 dataframe 前端数据呈现吗?

demo 全都挂了啊？连不上 ws

很酷

试了一下，真的好强！！

@shunia 数据可视化 demo 的有个页面的链接有误，现在已经修复了

很强!

很有意思，当初学习 python 的初衷就是 i 选哪个尽可能地简单，现在随便写个网站的话，确实比 flask 这些要快很多了，一个文件就够了

强

我提了一个 issue，突然发现作者自己没有 watch 自己的仓库

建议也可以去 hackernews 分享一下，发一个 Show HN

@Death 等把文档翻译成英文之后再去发

插言………

酷

6666
这个好！

很不错，适合快速上手的小项目

很不错，让非专业人士能更方便地使用 python

看看

厉害了

nb，已 star

@NeilWang 好的谢谢

怎么感觉像是 python 版的 jsp ？

我本来以为是可以直接 CRUD 了，但是所有交互还是要手工写代码，那这个库是不是主要目标就是做 MVVM 的映射 /数据绑定功能？

没懂，我还是打不开 demo 啊，大家都能打开？
比如这个： http://pywebio-demos.demo.wangweimin.site/?pywebio_api=bmi
打开之后 GET http://pywebio-demos.demo.wangweimin.site/bmi?test=1 返回 400 啊

看着挺有意思的，祝越做越好

@ctt 应该是，让不熟悉前端的人士更方便的做个网页，哈哈

点赞、支持、star 三连

先 star 为敬，太强了

@shunia 这个 demo 是没问题的，可以尝试换个网络或者浏览器试试。至于返回 400 的接口，那是在探测后端是使用的 WebSocket 协议还是 HTTP 协议，如果使用了 HTTP 协议，会返回 200 的。

@NeilWang #59 居然是不支持 firefox

牛逼

有丶意思

star

666

@shunia #60 我在 firefox 试了，没发现问题♂ 。可以的话请在 Github 上提交一个 issue

厉害了，给个 start

star 为敬

好像很爽的样子，支持！

star!!

和 Vercel 完美配合，以后小脚本再也不怕没地方放啦。
dome: https://cap2code.nodealpha.me/
code: https://github.com/xJogger/cap2code_vercel/
用途介绍： https://www.nodealpha.me/Code-CapValue2Code.html

不错啊，个人认为这种免前端设计的库早该出现了

cool star ！！

感觉牛逼！

卧槽，这个确实是我梦寐以求的

excited 特别适合 后端搞个小工具

@xJogger 一个小脚本就占用一个 vps 80 端口了,请问您怎么解决的.
https://cap2code.nodealpha.me:80

@qanniu 啊？这个小脚本是跑在 vercel 上的呀，不是跑在 vps 上，不用考虑端口的问题。
如果你要在 vps 上跑的话，脚本指定一个非 80 端口，用 nginx 反代一下会好点，这样还能解决 ssl 的问题。

cool~

有想法, 够噱头, 有搞头

Request URL: http://localhost:51203/js/pywebio.min.js
Request Method: GET
Status Code: 404 Not Found
Remote Address: [::1]:51203
Referrer Policy: strict-origin-when-cross-origin

这个咋回事呢

见证历史了，推荐给朋友用用

适合单兵作战的快速开发，需要具备相关知识。
不适于多人协同开发，难以维护，没有前后端分离。

@xJogger
感谢老哥安利，有用！

太顶了！

@xiaoxinshiwo #80 能否去 Github 提一个可复现问题的 issue 呢

@NeilWang #85 嗯，我就把代码 clone 下来，安装了依赖，跑了下你的 demo，web 端是空白页

太酷了！

强 强 强

github star 飙升中，牛

早就该有这种东西了，牛逼

今天试用了一下～有个问题，input 提交后怎么让它还显示着..

@xiaoxinshiwo github 上的仓库 clone 无法直接运行，因为需要手动构建前端需要的 js，可以使用这个镜像仓库 https://code.aliyun.com/wang0618/pywebio.git
这个仓库在 github 仓库的基础上添加了自动构建的 js 依赖

@tankeco #91 PyWebIO 的设计就是输入表单在成功提交后就销毁，因为 PyWebIO 的输入是阻塞式的，一旦提交输入函数就返回了，表单还留在界面上是没有意义的。如果想和终端程序一样，还留存用户输入的内容，可以在用户输入后直接调用输出函数将内容输出出来。

@NeilWang #93 你可以考虑把提交了的就变成禁用的，作为一个记录的功能

@NeilWang 感觉这也是和 streamlit 很不一样的地方，我的场景里经常会需要修改输入，但 streamlit 好卡..

@NeilWang #92 收到

cool, 插个眼

再次回复， 泪流满面，太好用了

@tankeco "需要经常修改输入"的话，可以考虑将接收输入以及后续操作放到一个 while 循环中。或者在页面上放置一个 button，在 button 的点击回调函数中调用输入函数来获取输入并进行后续操作。

@xJogger 谢谢,目前想到的方案就是您说的,反代.
想看看你有木有更优雅的方法.