com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， 用户的输入。此外PyWebIO中还提供了点击事件、布局等支持，让你可以使用 最少的代码完成与用户的交互， 并尽可能提供良好的用户体验。 本篇使用指南从几个方面对PyWebIO的使用进行介绍，覆盖了PyWebIO的绝大 部分特性。本文档中大部分示例代码的右上方都有一个Demo链接，点击后可 以在线预览代码的运行效果。 输入 输入函数都定义在 pywebio.input 模块中，可以使用 from pywebio.input output 模块。另外，PyWebIO还支持 一些第三方库来进行数据可视化，参见 第三方库生态 。 组合输出 函数名以 put_ 开始的输出函数，可以与一些输出函数组合使用，作为最终输 出的一部分： put_table() 支持以 put_xxx() 调用作为单元格内容: 上例显示效果如下: 类似地， popup() 也可以将 put_xxx() 调用作为弹窗内容: # Markdown输出

这个文档同时也提供 PDF 和 Epub 格式. 4.1 User’s guide 如果你接触过 Web 开发，你可能对接下来描述的 PyWebIO 的用法感到不太习惯，不同于传统 Web 开发的后 端实现接口、前端进行展示交互的模式，在 PyWebIO 中，所有的逻辑都通过编写 Python 代码实现。 你可以按照编写控制台程序的逻辑编写 PyWebIO 应用，只不过这里的终端变成了浏览器。通过 PyWebIO 中还提供了点击事件、布局等支持，让你可以使用最少的代码完成与用户的交互， 并尽可能提供良好的用户体验。 本篇使用指南从几个方面对 PyWebIO 的使用进行介绍，覆盖了 PyWebIO 的绝大部分特性。本文档中大部分 示例代码的右上方都有一个 Demo 链接，点击后可以在线预览代码的运行效果。 9 PyWebIO, 发布 1.0.3 4.1.1 输入 输入函数都定义在pywebio.input output 模块。另外，PyWebIO 还支持一些第三方库来进行数据可视 化，参见第三方库生态 。 组合输出 函数名以 put_ 开始的输出函数，可以与一些输出函数组合使用，作为最终输出的一部分： put_table() 支持以 put_xxx() 调用作为单元格内容: put_table([ ['Type', 'Content'], ['html', put_html('X²')]

b'')], ['table', put_table([['A', 'B'], ['C', 'D']])] ]) 上例显示效果如下: 事件回调 PyWebIO 把程序与用户的交互分成了输入和输出两部分：输入函数为阻塞式调用，在用户提交表单之前将不 会返回；对输出函数的调用将会立刻将内容输出至浏览器。这非常符合控制台程序的编写逻辑。但 PyWebIO 能做的还远远不止这些，PyWebIO 还允 目前支持与 Flask 和 Tornado Web 框架的集成。与 Web 框架集成需要完成两件事情：托管 PyWebIO 静态文件；暴露 PyWebIO 后端接口。这其中需要注意前端页面和后端接口的路径约定，以及前端静态文件与 后端接口分开部署时因为跨域而需要的特别设置。 不同 Web 框架的集成方法如下： Tornado Flask Django aiohttp 需要在 Tornado 的与 Web 框架集成的示例 代码也都是使用了后端框架提供的静态文件服务。但出于性能考虑，托管静态文件最好的方式是使用 反向代 理 (比如 nginx ) 或者 CDN 服务。 前端页面和后端接口的路径约定 PyWebIO 默认通过当前页面的同级的 ./io API 与后端进行通讯。 例如你将 PyWebIO 静态文件托管到 /A/B/C/(.*) 路径下，那么你需要将 PyWebIO API

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， 用户的输入。此外PyWebIO中还提供了点击事件、布局等支持，让你可以使用 最少的代码完成与用户的交互， 并尽可能提供良好的用户体验。 本篇使用指南从几个方面对PyWebIO的使用进行介绍，覆盖了PyWebIO的绝大 部分特性。本文档中大部分示例代码的右上方都有一个Demo链接，点击后可 以在线预览代码的运行效果。 输入 输入函数都定义在 pywebio.input 模块中，可以使用 from pywebio.input output 模块。另外，PyWebIO还支持 一些第三方库来进行数据可视化，参见 第三方库生态 。 组合输出 函数名以 put_ 开始的输出函数，可以与一些输出函数组合使用，作为最终输 出的一部分： put_table() 支持以 put_xxx() 调用作为单元格内容: 上例显示效果如下: 类似地， popup() 也可以将 put_xxx() 调用作为弹窗内容: # Markdown输出

['table', put_table([['A', 'B'], ['C', 'D']])] ]) 上例显示效果如下: 事件回调 PyWebIO把程序与用户的交互分成了输入和输出两部分：输入函数为阻塞式调 用，在用户提交表单之前将不会返回；对输出函数的调用将会立刻将内容输出 至浏览器。 这非常符合控制台程序的编写逻辑。但PyWebIO能做的还远远不止 这些，PyWebIO还允许你 PyWebIO 目前支持与Flask和Tornado Web框架的集成。 与Web框架集成需要完 成两件事情：托管PyWebIO静态文件；暴露PyWebIO后端接口。 这其中需要注 意前端页面和后端接口的路径约定，以及前端静态文件与后端接口分开部署时 因为跨域而需要的特别设置。 不同Web框架的集成方法如下： Tornado Flask Django aioh�p 需要在Tornado应用中引入两个 app.add_routes(static_routes(STATIC_PATH)) web.run_app(app, host='localhost', port=8080) 前端页面和后端接口的路径约定 PyWebIO默认通过当前页面的同级的 ./io API与后端进行通讯。 例如你将PyWebIO静态文件托管到 /A/B/C/(.*) 路径下，那么你需要将 PyWebIO API的路由绑定到

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， 用户的输入。此外PyWebIO中还提供了点击事件、布局等支持，让你可以使用 最少的代码完成与用户的交互， 并尽可能提供良好的用户体验。 本篇使用指南从几个方面对PyWebIO的使用进行介绍，覆盖了PyWebIO的绝大 部分特性。本文档中大部分示例代码的右上方都有一个Demo链接，点击后可 以在线预览代码的运行效果。 输入 输入函数都定义在 pywebio.input 模块中，可以使用 from pywebio.input output 模块。另外，PyWebIO还支持 一些第三方库来进行数据可视化，参见 第三方库生态 。 组合输出 函数名以 put_ 开始的输出函数，可以与一些输出函数组合使用，作为最终输 出的一部分： put_table() 支持以 put_xxx() 调用作为单元格内容: 以上代码将在浏览器上显示如下： 类似地， popup() 也可以将 put_xxx() 调用作为弹窗内容: # Markdown

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， 用户的输入。此外PyWebIO中还提供了点击事件、布局等支持，让你可以使用 最少的代码完成与用户的交互， 并尽可能提供良好的用户体验。 本篇使用指南从几个方面对PyWebIO的使用进行介绍，覆盖了PyWebIO的绝大 部分特性。本文档中大部分示例代码的右上方都有一个Demo链接，点击后可 以在线预览代码的运行效果。 输入 输入函数都定义在 pywebio.input 模块中，可以使用 from pywebio.input output 模块。另外，PyWebIO还支持 一些第三方库来进行数据可视化，参见 第三方库生态 。 组合输出 函数名以 put_ 开始的输出函数，可以与一些输出函数组合使用，作为最终输 出的一部分： put_table() 支持以 put_xxx() 调用作为单元格内容: 以上代码将在浏览器上显示如下： ['Banana', '7'], ]) # Markdown Output

这个文档同时也提供 PDF 和 Epub 格式. 4.1 User’s guide 如果你接触过 Web 开发，你可能对接下来描述的 PyWebIO 的用法感到不太习惯，不同于传统 Web 开发的后 端实现接口、前端进行展示交互的模式，在 PyWebIO 中，所有的逻辑都通过编写 Python 代码实现。 你可以按照编写控制台程序的逻辑编写 PyWebIO 应用，只不过这里的终端变成了浏览器。通过 PyWebIO 中还提供了点击事件、布局等支持，让你可以使用最少的代码完成与用户的交互， 并尽可能提供良好的用户体验。 本篇使用指南从几个方面对 PyWebIO 的使用进行介绍，覆盖了 PyWebIO 的绝大部分特性。本文档中大部分 示例代码的右上方都有一个 Demo 链接，点击后可以在线预览代码的运行效果。 9 PyWebIO, 发布 1.1.0 4.1.1 输入 输入函数都定义在pywebio.input output 模块。另外，PyWebIO 还支持一些第三方库来进行数据可视 化，参见第三方库生态 。 组合输出 函数名以 put_ 开始的输出函数，可以与一些输出函数组合使用，作为最终输出的一部分： put_table() 支持以 put_xxx() 调用作为单元格内容: put_table([ ['Type', 'Content'], ['html', put_html('X²')]

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， 用户的输入。此外PyWebIO中还提供了点击事件、布局等支持，让你可以使用 最少的代码完成与用户的交互， 并尽可能提供良好的用户体验。 本篇使用指南从几个方面对PyWebIO的使用进行介绍，覆盖了PyWebIO的绝大 部分特性。本文档中大部分示例代码的右上方都有一个Demo链接，点击后可 以在线预览代码的运行效果。 输入 输入函数都定义在 pywebio.input 模块中，可以使用 from pywebio.input [put_markdown(...), put_text('C')] ... ]).show() 组合输出 函数名以 put_ 开始的输出函数，可以与一些输出函数组合使用，作为最终输 出的一部分： put_table() 支持以 put_xxx() 调用作为单元格内容: 以上代码将在浏览器上显示如下： # Markdown Output put_markdown('~~Strikethrough~~')

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， 用户的输入。此外PyWebIO中还提供了点击事件、布局等支持，让你可以使用 最少的代码完成与用户的交互， 并尽可能提供良好的用户体验。 本篇使用指南从几个方面对PyWebIO的使用进行介绍，覆盖了PyWebIO的绝大 部分特性。本文档中大部分示例代码的右上方都有一个Demo链接，点击后可 以在线预览代码的运行效果。 输入 输入函数都定义在 pywebio.input 模块中，可以使用 from pywebio.input [put_markdown(...), put_text('C')] ... ]).show() 组合输出 函数名以 put_ 开始的输出函数，可以与一些输出函数组合使用，作为最终输 出的一部分： put_table() 支持以 put_xxx() 调用作为单元格内容: 以上代码将在浏览器上显示如下： # Markdown Output put_markdown('~~Strikethrough~~')