Django、Vue 和 Element UI 前后 端原理论述  作者：M&T. 2 《51 测试天地》七十四 www.51testing.com 后端开发（Django+Rest Framework+MySQL）： Django 负责处理 HTTP 请求和响应，以及 URL 路由的配置。它接收来自前端的 HTTP 请求，并根据 URL 将请求分发给相应的视图函数进行处理。 Rest 与前端进行数据交互。 MySQL 是一个关系型数据库，用于存储后端的数据。 前端开发（Vue+Element UI）： Vue 是一种现代的 JavaScript 框架，用于构建用户界面。Vue 提供了丰富的组件和模 块，可以帮助开发者构建交互式的单页面应用（SPA）。 Element UI 是一个基于 Vue 的 UI 组件库，提供了丰富的预定义组件，用于快速搭建 美观的用户界面。 前后端交互： 前后端交互： 后端通过 Django Rest Framework 提供 API 接口，前端通过 Vue 发起 HTTP 请求调用 这些 API 接口。 前端通过 HTTP 请求向后端发送数据请求，后端根据请求进行相应的数据处理，并 返回响应数据给前端。 前端接收到后端返回的数据，并根据数据更新页面展示，实现与用户的交互。 总体而言，这种前后端分离的开发模式有助于实现前后端开发的解耦，使得各自的

......................... 67 函数 ............................................................................................................................. 74 调用函数 .............................. ............................ 76 定义函数 ..................................................................................................................... 78 函数的参数 ................................ ................................................................................. 83 递归函数 ............................................................................................................

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 break if __name__ == '__main__': bmi() 如果没有使用PyWebIO，这只是一个非常简单的脚本，而通过使用PyWebIO提 供的输入输出函数，你可以在浏览器中与代码进行交互： 将上面代码最后一行对 bmi() 的直接调用改为使用 pywebio.start_server(bmi, port=80) 便可以在80端口提供 bmi() 服务( 输入 输出 Server模式与Script模式 与Web框架集成 基于协程的会话 Last but not least pywebio.input — 输入模块 函数清单 函数文档 pywebio.output — 输出模块 函数清单 输出域Scope 内容输出 其他交互 布局与样式 其他 pywebio.session — 会话相关 pywebio.platform — Web框架支持

6 Discussion and support 89 Python 模块索引 91 索引 93 i ii PyWebIO, 发布 1.1.0 PyWebIO 提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输出，将浏览器变成了一个“富 文本终端”，可以用于构建简单的 Web 应用或基于浏览器的 GUI 应用。使用 PyWebIO，开发者能像编写终端 脚本一样 (基于 input status)) break if __name__ == '__main__': bmi() 如果没有使用 PyWebIO，这只是一个非常简单的脚本，而通过使用 PyWebIO 提供的输入输出函数，你可以 7 PyWebIO, 发布 1.1.0 在浏览器中与代码进行交互： 将上面代码最后一行对 bmi() 的直接调用改为使用pywebio.start_server(bmi, port=80) 应用，只不过这里的终端变成了浏览器。通过 PyWebIO 提 供的命令式 API，你可以简单地调用 put_text 、put_image 、put_table 等函数输出文本、图片、表格 等内容到浏览器，也可以调用 input 、select 、file_upload 等函数在浏览器上显示不同表单来接收用 户的输入。此外 PyWebIO 中还提供了点击事件、布局等支持，让你可以使用最少的代码完成与用户的交互， 并尽可能提供良好的用户体验。

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 break if __name__ == '__main__': bmi() 如果没有使用PyWebIO，这只是一个非常简单的脚本，而通过使用PyWebIO提 供的输入输出函数，你可以在浏览器中与代码进行交互： 将上面代码最后一行对 bmi() 的直接调用改为使用 pywebio.start_server(bmi, port=80) 便可以在80端口提供 bmi() 服务( 输入 输出 Server模式与Script模式 与Web框架集成 基于协程的会话 Last but not least pywebio.input — 输入模块 函数清单 函数文档 pywebio.output — 输出模块 函数清单 输出域Scope 内容输出 其他交互 布局与样式 其他 pywebio.session — 会话相关 pywebio.platform — Web框架支持

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 break if __name__ == '__main__': bmi() 如果没有使用PyWebIO，这只是一个非常简单的脚本，而通过使用PyWebIO提 供的输入输出函数，你可以在浏览器中与代码进行交互： 将上面代码最后一行对 bmi() 的直接调用改为使用 pywebio.start_server(bmi, port=80) 便可以在80端口提供 bmi() 服务( 输入 输出 Server模式与Script模式 与Web框架集成 基于协程的会话 Last but not least pywebio.input — 输入模块 函数清单 函数文档 pywebio.output — 输出模块 函数清单 输出域Scope 内容输出 其他交互 布局与样式 其他 pywebio.session — 会话相关 pywebio.platform — 应用部署 Directory

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 break if __name__ == '__main__': bmi() 如果没有使用PyWebIO，这只是一个非常简单的脚本，而通过使用PyWebIO提 供的输入输出函数，你可以在浏览器中与代码进行交互： 将上面代码最后一行对 bmi() 的直接调用改为使用 pywebio.start_server(bmi, port=80) 便可以在80端口提供 bmi() 服务( 输入 输出 Server模式与Script模式 与Web框架集成 基于协程的会话 Last but not least pywebio.input — 输入模块 函数清单 函数文档 pywebio.output — 输出模块 函数清单 输出域Scope 内容输出 其他交互 布局与样式 其他 pywebio.session — 会话相关 pywebio.platform — 应用部署 Directory

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 break if __name__ == '__main__': bmi() 如果没有使用PyWebIO，这只是一个非常简单的脚本，而通过使用PyWebIO提 供的输入输出函数，你可以在浏览器中与代码进行交互： 将上面代码最后一行对 bmi() 的直接调用改为使用 pywebio.start_server(bmi, port=80) 便可以在80端口提供 bmi() 服务( 输入 输出 Server模式与Script模式 与Web框架集成 基于协程的会话 Last but not least pywebio.input — 输入模块 函数清单 函数文档 pywebio.output — 输出模块 函数清单 输出域Scope 内容输出 其他交互 布局与样式 其他 pywebio.session — 会话相关 pywebio.platform — 应用部署 Directory

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 break if __name__ == '__main__': bmi() 如果没有使用PyWebIO，这只是一个非常简单的脚本，而通过使用PyWebIO提 供的输入输出函数，你可以在浏览器中与代码进行交互： 将上面代码最后一行对 bmi() 的直接调用改为使用 pywebio.start_server(bmi, port=80) 便可以在80端口提供 bmi() 服务( 输入 输出 Server模式与Script模式 与Web框架集成 基于协程的会话 Last but not least pywebio.input — 输入模块 函数清单 函数文档 pywebio.output — 输出模块 函数清单 输出域Scope 内容输出 其他交互 布局与样式 其他 pywebio.session — 会话相关 pywebio.platform — 应用部署 Directory

6 Discussion and support 85 Python 模块索引 87 索引 89 i ii PyWebIO, 发布 1.0.3 PyWebIO 提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输出，将浏览器变成了一个“富 文本终端”，可以用于构建简单的 Web 应用或基于浏览器的 GUI 应用。使用 PyWebIO，开发者能像编写终端 脚本一样 (基于 input status)) break if __name__ == '__main__': bmi() 如果没有使用 PyWebIO，这只是一个非常简单的脚本，而通过使用 PyWebIO 提供的输入输出函数，你可以 7 PyWebIO, 发布 1.0.3 在浏览器中与代码进行交互： 将上面代码最后一行对 bmi() 的直接调用改为使用pywebio.start_server(bmi, port=80) 应用，只不过这里的终端变成了浏览器。通过 PyWebIO 提 供的命令式 API，你可以简单地调用 put_text 、put_image 、put_table 等函数输出文本、图片、表格 等内容到浏览器，也可以调用 input 、select 、file_upload 等函数在浏览器上显示不同表单来接收用 户的输入。此外 PyWebIO 中还提供了点击事件、布局等支持，让你可以使用最少的代码完成与用户的交互， 并尽可能提供良好的用户体验。