与 Web 框架集成需要完成两部分配置：托管 PyWebIO 前端静态文件；暴露 PyWebIO 后端接口。这其中需 要注意前端页面和后端接口的路径约定，以及前端静态文件与后端接口分开部署时因为跨域而需要的特别设 置。 22 Chapter 4. Documentation PyWebIO, 发布 1.0.3 集成方法 不同 Web 框架的集成方法如下： Tornado Flask ，需要在页面上通过 pywebio_api 参数传入后端 API 地址，并且将 https://wang0618.github.io 加入 allowed_origins 列表中（见下文”跨域配置”说 明）。 跨域配置 当后端 API 与前端页面不在同一 host 下时，需要在webio_handler() 或webio_view() 中使用 allowed_origins 或 check_origin 最后再提供一条建议，当你在使用 PyWebIO 遇到设计上的问题时，可以问一下自己：如果在是在终端程序中 我会怎么做？如果你已经有答案了，那么在 PyWebIO 中一样可以使用这样的方式完成。如果问题依然存在或 者觉得解决方案不够好，你可以考虑使用put_buttons() 提供的回调机制。 好了，Have fun with PyWebIO! 4.1. User’s guide 29 PyWebIO, 发布 1.0

最后再提供一条建议，当你在使用 PyWebIO 遇到设计上的问题时，可以问一下自己：如果在是在终端程序中 我会怎么做？如果你已经有答案了，那么在 PyWebIO 中一样可以使用这样的方式完成。如果问题依然存在或 者觉得解决方案不够好，你可以考虑使用put_buttons() 提供的回调机制。 好了，Have fun with PyWebIO! 28 Chapter 4. Documentation PyWebIO, 布局与样式 put_row 使用行布局输出内容 put_column 使用列布局输出内容 put_grid 使用网格布局输出内容 span 在put_table() 和put_grid() 中设置内容跨单元格 style 自定义输出内容的 css 样式 其他 output 内容占位符 4.3. pywebio.output —输出模块 37 PyWebIO, 发布 1.1.0 4.3.2 输出域 (< 显示文本>, < 字典键>) 列表。 • scope, position (int) –与put_text 函数的同名参数含义一致 使用示例: # 'Name' 单元格跨 2 行、'Address' 单元格跨 2 列 put_table([ [span('Name',row=2), span('Address', col=2)], ['City', 'Country'], ['Wang'

最后再提供一条建议，当你在使用 PyWebIO 遇到设计上的问题时，可以问一下自己：如果在是在终端程序中 我会怎么做？如果你已经有答案了，那么在 PyWebIO 中一样可以使用这样的方式完成。如果问题依然存在或 者觉得解决方案不够好，你可以考虑使用put_buttons() 提供的回调机制。 OK, Have fun with PyWebIO! 4.2 pywebio.input —输入模块 本模块提供了一系列函数来从浏览器接收用户不同的形式的输入 3. pywebio.output —输出模块 39 PyWebIO, 发布 1.2.3 表 1 – 续上页 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 其他 output* 内容占位符 4.3.2 输出域 Scope pywebio.output.set_scope(name, container_scope=- 用于在put_table() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 46 Chapter 4. Documentation PyWebIO, 发布 1.2.3 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([

最后再提供一条建议，当你在使用 PyWebIO 遇到设计上的问题时，可以问一下自己：如果在是在终端程序中 我会怎么做？如果你已经有答案了，那么在 PyWebIO 中一样可以使用这样的方式完成。如果问题依然存在或 者觉得解决方案不够好，你可以考虑使用put_buttons() 提供的回调机制。 OK, Have fun with PyWebIO! 4.2 pywebio.input —输入模块 本模块提供了一系列函数来从浏览器接收用户不同的形式的输入 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 其他 output* 内容占位符 4.3.2 输出域 Scope pywebio.output.set_scope(name, container_scope=- row=1, col=1) 用于在put_table() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)]

最后再提供一条建议，当你在使用 PyWebIO 遇到设计上的问题时，可以问一下自己：如果在是在终端程序中 我会怎么做？如果你已经有答案了，那么在 PyWebIO 中一样可以使用这样的方式完成。如果问题依然存在或 者觉得解决方案不够好，你可以考虑使用 pin 模块。 OK, Have fun with PyWebIO! 4.2 pywebio.input —输入模块 本模块提供了一系列函数来从浏览器接收用户不同的形式的输入 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 其他 output* 内容占位符 4.3.2 输出域 Scope pywebio.output.set_scope(name, container_scope=- PyWebIO, 发布 1.3.1 用于在put_table() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)]

最后再提供一条建议，当你在使用 PyWebIO 遇到设计上的问题时，可以问一下自己：如果在是在终端程序中 我会怎么做？如果你已经有答案了，那么在 PyWebIO 中一样可以使用这样的方式完成。如果问题依然存在或 者觉得解决方案不够好，你可以考虑使用 pin 模块。 OK, Have fun with PyWebIO! 4.2 pywebio.input —输入模块 本模块提供了一系列函数来从浏览器接收用户不同的形式的输入 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 其他 output* 内容占位符 4.3.2 输出域 Scope pywebio.output.set_scope(name, container_scope=- PyWebIO, 发布 1.3.3 用于在put_table() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)]

最后再提供一条建议，当你在使用 PyWebIO 遇到设计上的问题时，可以问一下自己：如果在是在终端程序中 我会怎么做？如果你已经有答案了，那么在 PyWebIO 中一样可以使用这样的方式完成。如果问题依然存在或 者觉得解决方案不够好，你可以考虑使用 pin 模块。 OK, Have fun with PyWebIO! 4.2 pywebio.input —输入模块 本模块提供了一系列函数来从浏览器接收用户不同的形式的输入 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 其他 output* 内容占位符 4.3.2 输出域 Scope pywebio.output.set_scope(name, container_scope=- PyWebIO, 发布 1.3.2 用于在put_table() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)]

最后再提供一条建议，当你在使用 PyWebIO 遇到设计上的问题时，可以问一下自己：如果在是在终端程序中 我会怎么做？如果你已经有答案了，那么在 PyWebIO 中一样可以使用这样的方式完成。如果问题依然存在或 者觉得解决方案不够好，你可以考虑使用 pin 模块。 OK, Have fun with PyWebIO! 4.2 pywebio.input —输入模块 本模块提供了一系列函数来从浏览器接收用户不同的形式的输入 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 其他 output* 内容占位符 4.3.2 输出域 Scope pywebio.output.set_scope(name, container_scope=- PyWebIO, 发布 1.3.0 用于在put_table() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)]

最后再提供一条建议，当你在使用 PyWebIO 遇到设计上的问题时，可以问一下自己：如果在是在终端程序中 我会怎么做？如果你已经有答案了，那么在 PyWebIO 中一样可以使用这样的方式完成。如果问题依然存在或 者觉得解决方案不够好，你可以考虑使用回掉机制 或pin 模块。 4.1. User’s guide 23 PyWebIO, 发布 1.4.0 OK, Have fun with PyWebIO! 4.2 pywebio 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 占位符 output* 内容占位符 4.3.2 输出域 Scope 参见: • Use Guide: Output Scope pywebio row=1, col=1) 用于在put_table() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ (下页继续) 42 Chapter 4

最后再提供一条建议，当你在使用 PyWebIO 遇到设计上的问题时，可以问一下自己：如果在是在终端程序中 我会怎么做？如果你已经有答案了，那么在 PyWebIO 中一样可以使用这样的方式完成。如果问题依然存在或 者觉得解决方案不够好，你可以考虑使用回掉机制 或pin 模块。 OK, Have fun with PyWebIO! 4.2 pywebio.input —输入模块 本模块提供了一系列函数来从浏览器接收用户不同的形式的输入 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 4.3. pywebio.output —输出模块 35 PyWebIO, 发布 1.5.2 4.3.2 输出域 Scope 参见: • row=1, col=1) 用于在put_table() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example 42 Chapter 4. Documentation PyWebIO