Web框架的 集成。 与Web框架集成需要完成两部分配置：托管PyWebIO前端静态文件；暴露 PyWebIO后端接口。这其中需要注意前端页面和后端接口的路径约定， 以及前 端静态文件与后端接口分开部署时因为跨域而需要的特别设置。 集成方法 不同Web框架的集成方法如下： Tornado Flask Django aioh�p 需要在Tornado应用中引入两个 RequestHandler , 一个 ，需要在 页面上通过 pywebio_api 参数传入后端API地址，并且将 https://wang0618.github.io 加入 allowed_origins 列表中（见下文”跨域配 置”说明）。 跨域配置 当后端API与前端页面不在同一host下时，需要在 webio_handler() 或 webio_view() 中使用 allowed_origins 或 check_origin put_row 使用行布局输出内容 put_column 使用列布局输出内容 put_grid 使用网格布局输出内容 span 在 put_table() 和 put_grid() 中设置内容跨单元 格 style 自定义输出内容的css样式 其他 output 内容占位符 输出域Scope pywebio.output.set_scope(name, container_scope=-

与 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 布局与样式 put_row 使用行布局输出内容 put_column 使用列布局输出内容 put_grid 使用网格布局输出内容 span 在put_table() 和put_grid() 中设置内容跨单元格 style 自定义输出内容的 css 样式 其他 output 内容占位符 38 Chapter 4. Documentation PyWebIO, 发布 1.0.3 4.3.2 输出域

框架的集成。与 Web 框架集成需要完成两件事情：托管 PyWebIO 静态文件；暴露 PyWebIO 后端接口。这其中需要注意前端页面和后端接口的路径约定，以及前端静态文件与 后端接口分开部署时因为跨域而需要的特别设置。 不同 Web 框架的集成方法如下： Tornado Flask Django aiohttp 需要在 Tornado 应用中引入两个 RequestHandler , 时，PyWebIO 根据当前页面的协议确定要使用的协议: 若当前页面为 http 协议，则后端接口为 http/ws 协议；若当前页面为 https 协议，则后端接口为 https/wss 协议。 跨域配置 当后端 API 与当前页面不再同一 host 下时，需要在webio_handler() 或webio_view() 中使用 allowed_origins 或 check_origin 参数来使后端接受前端页面的请求。 –表格的跨行/跨列信息，格式为 { (行 id, 列 id):{"col": 跨列 数, "row": 跨行数} } 其中 行 id 和 列 id 为将表格转为二维数组后的需要跨 行/列的单元格，二维数据包含表头，id 从 0 开始记数。 • anchor, before, after (str) –与put_text 函数的同名参数含义一致 使用示例: # 'Name' 单元格跨 2 行、'Address'

put_row 使用行布局输出内容 put_column 使用列布局输出内容 put_grid 使用网格布局输出内容 span 在 put_table() 和 put_grid() 中设置内容跨单元 格 style 自定义输出内容的css样式 其他 output 内容占位符 输出域Scope pywebio.output.set_scope(name, container_scope=- 或者 (<显示文本>, <字典键>) 列表。 scope, position (int) – 与 put_text 函数的同名参数含义 一致 使用示例: # 'Name'单元格跨2行、'Address'单元格跨2列 put_table([ [span('Name',row=2), span('Address', col=2)], ['City', 'Country'], ['Wang' span(content, row=1, col=1) 用于在 put_table() 和 put_grid() 中设置内容跨单元格 content – 单元格内容。可以为字符串或 put_xxx() 调 用。 row (int) – 竖直方向跨度, 即：跨行的数目 col (int) – 水平方向跨度, 即：跨列的数目 pywebio.output.put_buttons(buttons, onclick, small=None

Web框架的集成。 与Web框架集成需要完 成两件事情：托管PyWebIO静态文件；暴露PyWebIO后端接口。 这其中需要注 意前端页面和后端接口的路径约定，以及前端静态文件与后端接口分开部署时 因为跨域而需要的特别设置。 不同Web框架的集成方法如下： Tornado Flask Django aioh�p 需要在Tornado应用中引入两个 RequestHandler , 一个 RequestHandler 。省略协议字段时，PyWebIO根据当前页面 的协议确定要使用的协议: 若当前页面为http协议，则后端接口为http/ws 协议；若当前页面为https协议，则后端接口为https/wss协议。 跨域配置 当后端API与当前页面不再同一host下时，需要在 webio_handler() 或 webio_view() 中使用 allowed_origins 或 check_origin 参数来使后端接受前端 – 表格的跨行/跨列信息，格式为 { (行id,列 id):{"col": 跨列数, "row": 跨行数} } 其中 行id 和 列id 为将表格转为二维数组后的需要跨行/列的单元格，二维 数据包含表头，id 从 0 开始记数。 anchor, before, after (str) – 与 put_text 函数的同名参数 含义一致 使用示例: # 'Name'单元格跨2行、'Address'单元格跨2列

布局与样式 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' 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)], # 'E' 跨 2 列 ], header=[span('A'

put_row*† 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在 put_table() 和 put_grid() 中设置内容 跨单元格 style* 自定义输出内容的css样式 其他 output* 内容占位符 输出域Scope pywebio.output.set_scope(name, container_scope=- span(content, row=1, col=1) 用于在 put_table() 和 put_grid() 中设置内容跨单元格 content – 单元格内容。可以为字符串或 put_xxx() 调 用。 row (int) – 竖直方向跨度, 即：跨行的数目 col (int) – 水平方向跨度, 即：跨列的数目 pywebio.output.put_buttons(buttons, onclick, small=None scroll_to(anchor, position) 添加 position 参数精细化控制滚动位置 pywebio.platform start_server 和 webio_view 、 webio_handle 添加跨域支持 pywebio.session Session 关闭时，清理更彻底：任何还在进行的PyWebIO调用都会抛出 SessionClosedException 异常 fix: Session

put_row*† 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在 put_table() 和 put_grid() 中设置内容 跨单元格 style* 自定义输出内容的css样式 其他 output* 内容占位符 输出域Scope pywebio.output.set_scope(name, container_scope=- span(content, row=1, col=1) 用于在 put_table() 和 put_grid() 中设置内容跨单元格 content – 单元格内容。可以为字符串或 put_xxx() 调 用。 row (int) – 竖直方向跨度, 即：跨行的数目 col (int) – 水平方向跨度, 即：跨列的数目 pywebio.output.put_buttons(buttons, onclick, small=None scroll_to(anchor, position) 添加 position 参数精细化控制滚动位置 pywebio.platform start_server 和 webio_view 、 webio_handle 添加跨域支持 pywebio.session Session 关闭时，清理更彻底：任何还在进行的PyWebIO调用都会抛出 SessionClosedException 异常 fix: Session

put_row*† 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在 put_table() 和 put_grid() 中设置内容 跨单元格 style* 自定义输出内容的css样式 其他 output* 内容占位符 输出域Scope pywebio.output.set_scope(name, container_scope=- span(content, row=1, col=1) 用于在 put_table() 和 put_grid() 中设置内容跨单元格 content – 单元格内容。可以为字符串或 put_xxx() 调 用。 row (int) – 竖直方向跨度, 即：跨行的数目 col (int) – 水平方向跨度, 即：跨列的数目 pywebio.output.put_buttons(buttons, onclick, small=None scroll_to(anchor, position) 添加 position 参数精细化控制滚动位置 pywebio.platform start_server 和 webio_view 、 webio_handle 添加跨域支持 pywebio.session Session 关闭时，清理更彻底：任何还在进行的PyWebIO调用都会抛出 SessionClosedException 异常 fix: Session

put_row*† 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在 put_table() 和 put_grid() 中设置内容 跨单元格 style* 自定义输出内容的css样式 其他 output* 内容占位符 输出域Scope pywebio.output.set_scope(name, container_scope=- span(content, row=1, col=1) 用于在 put_table() 和 put_grid() 中设置内容跨单元格 content – 单元格内容。可以为字符串或 put_xxx() 调 用。 row (int) – 竖直方向跨度, 即：跨行的数目 col (int) – 水平方向跨度, 即：跨列的数目 pywebio.output.put_buttons(buttons, onclick, small=None scroll_to(anchor, position) 添加 position 参数精细化控制滚动位置 pywebio.platform start_server 和 webio_view 、 webio_handle 添加跨域支持 pywebio.session Session 关闭时，清理更彻底：任何还在进行的PyWebIO调用都会抛出 SessionClosedException 异常 fix: Session