路由的配置。它接收来自前端的 HTTP 请求，并根据 URL 将请求分发给相应的视图函数进行处理。 Rest Framework 是 Django 的扩展，用于快速构建 RESTful API 接口。通过 Rest Framework，可以定义 API 视图和序列化器，实现数据的序列化和反序列化，从而方便地 与前端进行数据交互。 MySQL 是一个关系型数据库，用于存储后端的数据。 前端开发（Vue+Element 提供了丰富的组件和模 块，可以帮助开发者构建交互式的单页面应用（SPA）。 Element UI 是一个基于 Vue 的 UI 组件库，提供了丰富的预定义组件，用于快速搭建 美观的用户界面。 前后端交互： 后端通过 Django Rest Framework 提供 API 接口，前端通过 Vue 发起 HTTP 请求调用 这些 API 接口。 前端通过 HTTP 请求向后端发送数据请求，后端根据请求进行相应的数据处理，并 请求向后端发送数据请求，后端根据请求进行相应的数据处理，并 返回响应数据给前端。 前端接收到后端返回的数据，并根据数据更新页面展示，实现与用户的交互。 总体而言，这种前后端分离的开发模式有助于实现前后端开发的解耦，使得各自的 开发工作更加专注和高效。前端负责用户界面的呈现和交互，后端负责数据处理和业务 逻辑，通过 API 接口进行数据传输和交互，从而实现一个完整的 Web 应用。 3 《51 测试天地》七十四

.................................................................................. 475 Day 8 - 构建前端 .................................................................................................. at 0x109afb310> 这是因为直接显示变量调用的不是__str__()，而是__repr__()，两者的 区别是__str__()返回用户看到的字符串，而__repr__()返回程序开发者 看到的字符串，也就是说，__repr__()是为调试服务的。 解决办法是再定义一个__repr__()。但是通常__str__()和__repr__()代码 都是一样的，所以，有个偷懒的写法： Model-View-Controller 的模式，来简 化 Web 开发。ASP 发展为 ASP.Net，JSP 和 PHP 也有一大堆 MVC 框架。 目前，Web 开发技术仍在快速发展中，异步开发、新的 MVVM 前端技 术层出不穷。 Python 的诞生历史比 Web 还要早，由于 Python 是一种解释型的脚本语 言，开发效率高，所以非常适合用来做 Web 开发。 Python 有上百种 Web

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， ebIO前端静态文件；暴露 PyWebIO后端接口。这其中需要注意前端页面和后端接口的路径约定， 以及前 端静态文件与后端接口分开部署时因为跨域而需要的特别设置。 集成方法 不同Web框架的集成方法如下： Tornado Flask Django aioh�p 需要在Tornado应用中引入两个 RequestHandler , 一个 RequestHandler 用 来提供前端静态文件，另一个

PyWebIO 提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输出，将浏览器变成了一个“富 文本终端”，可以用于构建简单的 Web 应用或基于浏览器的 GUI 应用。使用 PyWebIO，开发者能像编写终端 脚本一样 (基于 input 和 print 进行交互) 来编写应用，无需具备 HTML 和 JS 的相关知识；PyWebIO 还可以方 便地整合进现有的 Web 服务。非常适合快速构建对 PDF 和 Epub 格式. 4.1 User’s guide 如果你接触过 Web 开发，你可能对接下来描述的 PyWebIO 的用法感到不太习惯，不同于传统 Web 开发的后 端实现接口、前端进行展示交互的模式，在 PyWebIO 中，所有的逻辑都通过编写 Python 代码实现。 你可以按照编写控制台程序的逻辑编写 PyWebIO 应用，只不过这里的终端变成了浏览器。通过 PyWebIO Flask、Tornado、Django 和 aiohttp Web 框架的集成。 与 Web 框架集成需要完成两部分配置：托管 PyWebIO 前端静态文件；暴露 PyWebIO 后端接口。这其中需 要注意前端页面和后端接口的路径约定，以及前端静态文件与后端接口分开部署时因为跨域而需要的特别设 置。 22 Chapter 4. Documentation PyWebIO, 发布 1.0

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， port=80) 启动aiohttp应用后，访问 http://localhost/tool 即可打开PyWebIO应用 注意事项 PyWebIO静态资源的托管 PyWebIO默认使用CDN来获取前端的静态资源，如果要将PyWebIO应用部署到 离线环境中，需要自行托管静态文件， 并将 webio_view() 或 webio_handler() 的 cdn 参数设置为 False ，此时需要将

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， webio_handler(task_func))]) web.run_app(app, host='localhost', port=80) Notes PyWebIO静态资源的托管 PyWebIO默认使用CDN来获取前端的静态资源，如果要将PyWebIO应用部署到 离线环境中，需要自行托管静态文件， 并将 webio_view() 或 webio_handler() 的 cdn 参数设置为 False 。 cdn=False

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， import static_routes, webio_handler app = web.Application() Notes PyWebIO静态资源的托管 PyWebIO默认使用CDN来获取前端的静态资源，如果要将PyWebIO应用部署到 离线环境中，需要自行托管静态文件， 并将 webio_view() 或 webio_handler() 的 cdn 参数设置为 False 。 cdn=False

PyWebIO 提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输出，将浏览器变成了一个“富 文本终端”，可以用于构建简单的 Web 应用或基于浏览器的 GUI 应用。使用 PyWebIO，开发者能像编写终端 脚本一样 (基于 input 和 print 进行交互) 来编写应用，无需具备 HTML 和 JS 的相关知识；PyWebIO 还可以方 便地整合进现有的 Web 服务。非常适合快速构建对 PDF 和 Epub 格式. 4.1 User’s guide 如果你接触过 Web 开发，你可能对接下来描述的 PyWebIO 的用法感到不太习惯，不同于传统 Web 开发的后 端实现接口、前端进行展示交互的模式，在 PyWebIO 中，所有的逻辑都通过编写 Python 代码实现。 你可以按照编写控制台程序的逻辑编写 PyWebIO 应用，只不过这里的终端变成了浏览器。通过 PyWebIO 之后，可能需要特别配置反向代理来支持 WebSocket 协议，这里 有一个 Nginx 配置 WebSocket 的例子。 注意事项 PyWebIO 静态资源的托管 PyWebIO 默认使用 CDN 来获取前端的静态资源，如果要将 PyWebIO 应用部署到离线环境中，需要自行托管 静态文件，并将 webio_view() 或 webio_handler() 的 cdn 参数设置为 False ，此时需要将静态资源

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， 均衡 软件（如 HAProxy 或 nginx）。这些后端使用 WebSocket 协议与浏览器进行通 信，所以不存在上述问题。 PyWebIO静态资源的托管 PyWebIO默认使用CDN来获取前端的静态资源，如果要将PyWebIO应用部署到 离线环境中，需要自行托管静态文件， 并将 webio_view() 或 webio_handler() 的 cdn 参数设置为 False 。 cdn=False

PyWebIO PyWebIO提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输 出，将浏览器变成了一个“富文本终端”，可以用于构建简单的Web应用或基于 浏览器的GUI应用。 使用PyWebIO，开发者能像编写终端脚本一样(基于input 和print进行交互)来编写应用，无需具备HTML和JS的相关知识； PyWebIO还可 以方便地整合进现有的Web服务。非常适合快速构建对UI要求不高的应用。 com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API， 均衡 软件（如 HAProxy 或 nginx）。这些后端使用 WebSocket 协议与浏览器进行通 信，所以不存在上述问题。 PyWebIO静态资源的托管 PyWebIO默认使用CDN来获取前端的静态资源，如果要将PyWebIO应用部署到 离线环境中，需要自行托管静态文件， 并将 webio_view() 或 webio_handler() 的 cdn 参数设置为 False 。 cdn=False