的文章。 这是一篇你真正开始前需要查阅的文章。 本文介绍了前后端工作原理，前后端搭建的流程、搭建过程中需要用到的技术以及 开发环境版本。 一、前后端如何工作 Django、Vue 和 Element UI 前后 端原理论述  作者：M&T. 2 《51 测试天地》七十四 www.51testing.com 后端开发（Django+Rest Framework+MySQL）： 是一个关系型数据库，用于存储后端的数据。 前端开发（Vue+Element UI）： Vue 是一种现代的 JavaScript 框架，用于构建用户界面。Vue 提供了丰富的组件和模 块，可以帮助开发者构建交互式的单页面应用（SPA）。 Element UI 是一个基于 Vue 的 UI 组件库，提供了丰富的预定义组件，用于快速搭建 美观的用户界面。 前后端交互： 后端通过 Django Rest 请求调用 这些 API 接口。 前端通过 HTTP 请求向后端发送数据请求，后端根据请求进行相应的数据处理，并 返回响应数据给前端。 前端接收到后端返回的数据，并根据数据更新页面展示，实现与用户的交互。 总体而言，这种前后端分离的开发模式有助于实现前后端开发的解耦，使得各自的 开发工作更加专注和高效。前端负责用户界面的呈现和交互，后端负责数据处理和业务 逻辑，通过 API 接口进行数据传输和交互，从而实现一个完整的

[https://github.com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， WebSocketHandler] ， 并 将其绑定在 /tool 路由下。启动Tornado服务器后，访问 http://localhost/tool 即可打开PyWebIO应用 注意 当使用Tornado后端时，PyWebIO使用WebSocket协议和浏览器进行通 讯，如果你的Tornado应用处在反向代理(比如Nginx)之后， 可能需要特 别配置反向代理来支持WebSocket协议，这里 有一个Nginx配置 程函数作为任务函 数。 基于协程的会话为单线程模型，所有会话都运行在一个线程内。对于IO密集型 的任务，协程比线程占用更少的资源同时又拥有媲美于线程的性能。 另外， 注意 当使用aiohttp后端时，PyWebIO使用WebSocket协议和浏览器进行通讯， 如果你的aiohttp应用处在反向代理(比如Nginx)之后， 可能需要特别配置 反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket的例

[https://github.com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， WebSocketHandler] ，并将 其绑定在 /tool 路由下。启动Tornado服务器后，访问 http://localhost/tool 即可打开PyWebIO应用。 注意 当使用Tornado后端时，PyWebIO使用WebSocket协议和浏览器进行通 讯，如果你的Tornado应用处在反向代理(比如Nginx)之后，可能需要特别 配置反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket 接，PyWebIO会启动一个线程来运行任务函数。 除了基于线程的会话， 启动aiohttp应用后，访问 http://localhost/tool 即可打开PyWebIO应用 注意 当使用aiohttp后端时，PyWebIO使用WebSocket协议和浏览器进行通讯， 如果你的aiohttp应用处在反向代理(比如Nginx)之后， 可能需要特别配置 反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket的例

[https://github.com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， WebSocketHandler] ，并将 其绑定在 /tool 路由下。启动Tornado服务器后，访问 http://localhost/tool 即可打开PyWebIO应用。 注意 当使用Tornado后端时，PyWebIO使用WebSocket协议和浏览器进行通 讯，如果你的Tornado应用处在反向代理(比如Nginx)之后，可能需要特别 配置反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket run_app(app, host='localhost', port=80) 启动aiohttp应用后，访问 http://localhost/tool 即可打开PyWebIO应用 注意 当使用aiohttp后端时，PyWebIO使用WebSocket协议和浏览器进行通讯， 如果你的aiohttp应用处在反向代理(比如Nginx)之后， 可能需要特别配置 反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket的例

[https://github.com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， WebSocketHandler 绑定到了 /tool 路径下。 启动Tornado后，访问 ``http://localhost/tool``即可打开PyWebIO应用。 注意 当使用Tornado后端时，PyWebIO使用WebSocket协议和浏览器进行通 讯，如果你的Tornado应用处在反向代理(比如Nginx)之后，可能需要特别 配置反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket run_app(app, host='localhost', port=80) 启动aiohttp应用后，访问 http://localhost/tool 即可打开PyWebIO应用 注意 当使用aiohttp后端时，PyWebIO使用WebSocket协议和浏览器进行通讯， 如果你的aiohttp应用处在反向代理(比如Nginx)之后， 可能需要特别配置 反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket的例

[https://github.com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， WebSocketHandler 绑定到了 /tool 路径下。 启动Tornado后，访问 ``http://localhost/tool``即可打开PyWebIO应用。 注意 当使用Tornado后端时，PyWebIO使用WebSocket协议和浏览器进行通 讯，如果你的Tornado应用处在反向代理(比如Nginx)之后，可能需要特别 配置反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket run_app(app, host='localhost', port=80) 启动aiohttp应用后，访问 http://localhost/tool 即可打开PyWebIO应用 注意 当使用aiohttp后端时，PyWebIO使用WebSocket协议和浏览器进行通讯， 如果你的aiohttp应用处在反向代理(比如Nginx)之后， 可能需要特别配置 反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket的例

[https://github.com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， WebSocketHandler 绑定到了 /tool 路径下。 启动Tornado后，访问 ``http://localhost/tool``即可打开PyWebIO应用。 注意 当使用Tornado后端时，PyWebIO使用WebSocket协议和浏览器进行通 讯，如果你的Tornado应用处在反向代理(比如Nginx)之后，可能需要特别 配置反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket run_app(app, host='localhost', port=80) 启动aiohttp应用后，访问 http://localhost/tool 即可打开PyWebIO应用 注意 当使用aiohttp后端时，PyWebIO使用WebSocket协议和浏览器进行通讯， 如果你的aiohttp应用处在反向代理(比如Nginx)之后， 可能需要特别配置 反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket的例

[https://github.com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， WebSocketHandler 绑定到了 /tool 路径下。 启动Tornado后，访问 ``http://localhost/tool``即可打开PyWebIO应用。 注意 当使用Tornado后端时，PyWebIO使用WebSocket协议和浏览器进行通 讯，如果你的Tornado应用处在反向代理(比如Nginx)之后，可能需要特别 配置反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket run_app(app, host='localhost', port=80) 启动aiohttp应用后，访问 http://localhost/tool 即可打开PyWebIO应用 注意 当使用aiohttp后端时，PyWebIO使用WebSocket协议和浏览器进行通讯， 如果你的aiohttp应用处在反向代理(比如Nginx)之后， 可能需要特别配置 反向代理来支持WebSocket协议，这里 有一个Nginx配置WebSocket的例

[https://github.com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyW 默认关闭。注意，开启后，只有输出到ROOT Scope才可以触发自动滚 动。 http_pull_interval (int): HTTP轮询后端消息的周期（单位为毫秒，默 认1000ms），仅在基于HTTP连接的会话（使用Flask或Django后端）中 可用 input_panel_fixed (bool): 是否将输入栏固定在页面底部, 默认启用。 参数: input_panel_min_height 可能为空，但保证当用户的页面地址 不在当前服务器下(即 主机、端口部分和 server_host 不一致)时有 值. user_ip (str): 用户的ip地址. backend (str): 当前PyWebIO使用的后端Server实现. 可能出现的值有 'tornado' , 'flask' , 'django' , 'aiohttp' , 'starlette'. protocol (str): PyWeb

[https://github.com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyW 默认关闭。注意，开启后，只有输出到ROOT Scope才可以触发自动滚 动。 http_pull_interval (int): HTTP轮询后端消息的周期（单位为毫秒，默 认1000ms），仅在基于HTTP连接的会话（使用Flask或Django后端）中 可用 input_panel_fixed (bool): 是否将输入栏固定在页面底部, 默认启用。 参数: input_panel_min_height 可能为空，但保证当用户的页面地址 不在当前服务器下(即 主机、端口部分和 server_host 不一致)时有 值. user_ip (str): 用户的ip地址. backend (str): 当前PyWebIO使用的后端Server实现. 可能出现的值有 'tornado' , 'flask' , 'django' , 'aiohttp' , 'starlette'. protocol (str): PyWeb