为 Python Function 自动生成 Web UI 彭未康 Touch-Callable The web framework for less serious application. Touch-Callable vs (Flask, Django) • Django, Flask • 起步快且容易（getting started quick and easy） • 扩展为复杂应用（scale • 起步非常快 • 非常容易 • 对新手非常友好 工作原理 导入模块 枚举函数 获取元信息 前端渲染 用户提交 类型转换 调用函数 返回结果 前端展示 3.6 例子：生成测试用户 例子：生成测试用户 例子：生成测试用户 例子：远程控制饮水机 接下来： • 支持更多的数据类型 • 类型对应的控件可配置 大胆的想法： • 直接使用 Function 构建小型应用的管理后台？ •

的PyWebIO任务函数才能被视为PyWebIO应用 程序。服务端会根据用户访问的URL来确定需要加载的文件并从中读取 PyWebIO应用来运行。 例如，给定如下文件结构: . ├── A │ └── a.py ├── B │ └── b.py └── c.py 如果使用以上路径调用 path_deploy() ，你可以通过 URL http://: /A/b 来访问 b.py py 文件中的PyWebIO应用。当文件在运行 path_deploy() 之后被修改，可以使用 reload URL参数来重载文件: http://: /A/b?reload 你还可以使用 pywebio-path-deploy 命令来启动一个和 path_deploy() 效果一 样的server。关于命令的更多信息请查阅命令帮助： pywebio-path-deploy [https://www.tornadoweb.org/en/stable/websocket.html#tornado.websocket.WebSocketHandler] ，并将 其绑定在 /tool 路由下。启动Tornado服务器后，访问 http://localhost/tool 即可打开PyWebIO应用。 注意 当使用Tornado后端时，PyWebIO使用WebSocket协议和浏览器进行通

的PyWebIO任务函数才能被视为PyWebIO应用 程序。服务端会根据用户访问的URL来确定需要加载的文件并从中读取 PyWebIO应用来运行。 例如，给定如下文件结构: . ├── A │ └── a.py ├── B │ └── b.py └── c.py 如果使用以上路径调用 path_deploy() ，你可以通过 URL http://: /A/b 来访问 b.py py 文件中的PyWebIO应用。当文件在运行 path_deploy() 之后被修改，可以使用 reload URL参数来重载文件: http://: /A/b?reload 你还可以使用 pywebio-path-deploy 命令来启动一个和 path_deploy() 效果一 样的server。关于命令的更多信息请查阅命令帮助： pywebio-path-deploy [https://www.tornadoweb.org/en/stable/websocket.html#tornado.websocket.WebSocketHandler] ，并将 其绑定在 /tool 路由下。启动Tornado服务器后，访问 http://localhost/tool 即可打开PyWebIO应用。 注意 当使用Tornado后端时，PyWebIO使用WebSocket协议和浏览器进行通

任务函数才能被视为 PyWebIO 应用程序。服务端会根据用户访问的 URL 来确定需要加载 的文件并从中读取 PyWebIO 应用来运行。 例如，给定如下文件结构: . ├── A │ └── a.py ├── B │ └── b.py └── c.py 如果使用以上路径调用path_deploy() ，你可以通过 URL http://:/A/b 来访问 b.py py 文件中的 PyWebIO 应用。当文件在运行path_deploy() 之后被修改，可以使用 reload URL 参数来重载 文件: http://:/A/b?reload 你还可以使用 pywebio-path-deploy 命令来启动一个和path_deploy() 效果一样的 server。关于命令 的更多信息请查阅命令帮助：pywebio-path-deploy start() 以上代码调用webio_handler(task_func) 来获得 PyWebIO 和浏览器进行通讯的 Tornado WebSock- etHandler ，并将其绑定在 /tool 路由下。启动 Tornado 服务器后，访问 http://localhost/tool 即 24 Chapter 4. Documentation PyWebIO, 发布 1.2.3 可打开 PyWebIO

任务函数才能被视为 PyWebIO 应用程序。服务端会根据用户访问的 URL 来确定需要加载 的文件并从中读取 PyWebIO 应用来运行。 例如，给定如下文件结构: . ├── A │ └── a.py ├── B │ └── b.py └── c.py 如果使用以上路径调用path_deploy() ，你可以通过 URL http://:/A/b 来访问 b.py py 文件中的 PyWebIO 应用。当文件在运行path_deploy() 之后被修改，可以使用 reload URL 参数来重载 文件: http://:/A/b?reload 你还可以使用 pywebio-path-deploy 命令来启动一个和path_deploy() 效果一样的 server。关于命令 的更多信息请查阅命令帮助：pywebio-path-deploy start() 以上代码调用webio_handler(task_func) 来获得 PyWebIO 和浏览器进行通讯的 Tornado WebSock- etHandler ，并将其绑定在 /tool 路由下。启动 Tornado 服务器后，访问 http://localhost/tool 即 可打开 PyWebIO 应用。 注意: 当使用 Tornado 后端时，PyWebIO 使用 WebSocket

处在反向代理 (比如 Nginx) 之后，可能需要特别配置反向代理来支持 WebSocket 协议，这里 有一个 Nginx 配置 WebSocket 的例子。 需要添加两个 PyWebIO 相关的路由：一个用来提供前端静态文件，另一个用来和浏览器进行 Http 通讯: 4.1. User’s guide 23 PyWebIO, 发布 1.0.3 from pywebio.platform.flask import Flask, send_from_directory app = Flask(__name__) # task_func 为使用 PyWebIO 编写的任务函数 app.add_url_rule('/io', 'webio_view', webio_view(task_func), methods=['GET', 'POST', 'OPTIONS']) # 接口需要能接收 GET、POST 视图，并调用 Flask.add_url_rule 将其绑定在 /io 路径下；同时编写视图函数 serve_static_file 将 PyWebIO 使用的静态文件托管到 / 路径下。启动 Flask 应用后，访问 http://localhost/ 即可打开 PyWebIO 应用 在 django 的路由配置文件 urls.py 中加入 PyWebIO 相关的路由即可: # urls.py

[https://www.tornadoweb.org/en/stable/websocket.html#tornado.websocket.WebSocketHandler] ， 并 将其绑定在 /tool 路由下。启动Tornado服务器后，访问 http://localhost/tool 即可打开PyWebIO应用 注意 当使用Tornado后端时，PyWebIO使用WebSocket协议和浏览器进行通 讯，如果你的Tornado应用处在反向代理(比如Nginx)之后， 可能需要特 别配置反向代理来支持WebSocket协议，这里 有一个Nginx配置 WebSocket的例子。 需要添加一个PyWebIO相关的路由，用来和浏览器进行Http通讯: from pywebio.platform.flask import webio_view from pywebio import STATIC_PATH from flask import Flask, send_from_directory app = Flask(__name__) # task_func 为使用PyWebIO编写的任务函数 app.add_url_rule('/tool', 'webio_view', webio_view(task_func), methods=['GET', 'POST', 'OPTIONS'])

www.51testing.com 后端开发（Django+Rest Framework+MySQL）： Django 负责处理 HTTP 请求和响应，以及 URL 路由的配置。它接收来自前端的 HTTP 请求，并根据 URL 将请求分发给相应的视图函数进行处理。 Rest Framework 是 Django 的扩展，用于快速构建 RESTful API 接口。通过 Rest Framework，可以定义 视图集等。 路由：DRF 提供了灵活的路由功能，用于将 API 请求映射到相应的视图处理函数上。 认证和权限：DRF 支持各种认证和权限控制方式，可以保护 API 的安全性。 分页和过滤：DRF 提供了分页和过滤功能，便于处理大量数据和筛选查询结果。 强大的请求和响应处理：DRF 支持各种数据格式的请求和响应处理，包括 JSON、 XML、HTML 等。 API 文档生成：DRF 自带的 自带的 Browsable API 功能可以生成易于阅读和理解的 API 文档， 方便开发人员和团队的协作。 6 《51 测试天地》七十四 www.51testing.com 4、npm 介绍 在前端环境中，npm 是非常重要的工具，它主要用于管理和安装前端项目的依赖、 构建工具和其他相关资源。以下是 npm 在前端开发中的应用介绍： 依赖管理：npm 可以管理前端项目的依赖，开发者可以在项目的

1.0 以上代码调用webio_handler(task_func) 来获得 PyWebIO 和浏览器进行通讯的 Tornado WebSock- etHandler ，并将其绑定在 /tool 路由下。启动 Tornado 服务器后，访问 http://localhost/tool 即 可打开 PyWebIO 应用 注意: 当使用 Tornado 后端时，PyWebIO 使用 WebSocket 处在反向代理 (比如 Nginx) 之后，可能需要特别配置反向代理来支持 WebSocket 协议，这里 有一个 Nginx 配置 WebSocket 的例子。 需要添加一个 PyWebIO 相关的路由，用来和浏览器进行 Http 通讯: from pywebio.platform.flask import webio_view from pywebio import STATIC_PATH import Flask, send_from_directory app = Flask(__name__) # task_func 为使用 PyWebIO 编写的任务函数 app.add_url_rule('/tool', 'webio_view', webio_view(task_func), methods=['GET', 'POST', 'OPTIONS']) # 接口需要能接收 GET、POST

讯，如果你的Tornado应用处在反向代理(比如Nginx)之后， 可能需要特 别配置反向代理来支持WebSocket协议，这里 有一个Nginx配置 WebSocket的例子。 需要添加两个PyWebIO相关的路由：一个用来提供前端静态文件，另一个 用来和浏览器进行Http通讯: from pywebio.platform.flask import webio_view from pywebio import flask import Flask, send_from_directory app = Flask(__name__) # task_func 为使用PyWebIO编写的任务函数 app.add_url_rule('/io', 'webio_view', webio_view(task_func), methods=['GET', 'POST', 'OPTIONS']) # webio_view(task_func) 来获得运行PyWebIO应用的Flask视 图 ， 并调用 Flask.add_url_rule [https://flask.palletsprojects.com/en/1.1.x/api/#flask.Flask.add_url_rule] 将其绑定在 /io 路径 下；同时编写视图函数 serve_static_file 将PyWebIO使用的静态文件托