.................................................................................. 475 Day 8 - 构建前端 .................................................................................................. 3D 游戏，最好用 C 或 C++。 如果你是小白用户，满足以下条件：  会使用电脑，但从来没写过程序；  还记得初中数学学的方程式和一点点代数知识；  想从编程小白变成专业的软件架构师；  每天能抽出半个小时学习。 不要再犹豫了，这个教程就是为你准备的！ 准备好了吗？ Python3 基础教程【完整版】 http://www.yeayee.com/ 7/531 模式简称 CS 架构。 Python3 基础教程【完整版】 http://www.yeayee.com/ 399/531 随着互联网的兴起，人们发现，CS 架构不适合 Web，最大的原因是 Web 应用程序的修改和升级非常迅速，而 CS 架构需要每个客户端逐个 升级桌面 App，因此，Browser/Server 模式开始流行，简称 BS 架构。 在 BS 架构下，客户端只需要浏览器，应用程序的逻辑和数据都存储在

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 ，此时需要将 tornado 文档 [https://www.tornadoweb.org/en/stable/guide/running.html#debug-mode] cdn (bool/str) – 是否从CDN加载前端静态资源，默认为 True 。支持传入自定义的URL来指定静态资源的部署地 址 allowed_origins (list) – 除当前域名外，服务器还允许的请求的来源列表。 来源 包含协议、域名和端口部分，允许使用

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 tornado 文档 [https://www.tornadoweb.org/en/stable/guide/running.html#debug-mode] cdn (bool/str) – 是否从CDN加载前端静态资源，默认为 True 。支持传入自定义的URL来指定静态资源的部署地 址 static_dir (str) – 应用静态文件目录。目录下的文件可以 通过 http://:/static/files

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 tornado 文档 [https://www.tornadoweb.org/en/stable/guide/running.html#debug-mode] cdn (bool/str) – 是否从CDN加载前端静态资源，默认为 True 。支持传入自定义的URL来指定静态资源的部署地 址 static_dir (str) – 应用静态文件目录。目录下的文件可以 通过 http://:/static/files

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 tornado 文档 [https://www.tornadoweb.org/en/stable/guide/running.html#debug-mode] cdn (bool/str) – 是否从CDN加载前端静态资源，默认为 True 。支持传入自定义的URL来指定静态资源的部署地 址 static_dir (str) – 应用静态文件目录。目录下的文件可以 通过 http://:/static/files

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 tornado 文档 [https://www.tornadoweb.org/en/stable/guide/running.html#debug-mode] cdn (bool/str) – 是否从CDN加载前端静态资源，默认为 True 。支持传入自定义的URL来指定静态资源的部署地 址 static_dir (str) – 应用静态文件目录。目录下的文件可以 通过 http://:/static/files

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 tornado 文档 [https://www.tornadoweb.org/en/stable/guide/running.html#debug-mode] cdn (bool/str) – 是否从CDN加载前端静态资源，默认为 True 。支持传入自定义的URL来指定静态资源的部署地 址 static_dir (str) – 应用静态文件目录。目录下的文件可以 通过 http://:/static/files

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 tornado 文档 [https://www.tornadoweb.org/en/stable/guide/running.html#debug-mode] cdn (bool/str) – 是否从CDN加载前端静态资源，默认为 True 。支持传入自定义的URL来指定静态资源的部署地 址 static_dir (str) – 应用静态文件目录。目录下的文件可以 通过 http://:/static/files

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API，你可以简单地调用 tornado 文档 [https://www.tornadoweb.org/en/stable/guide/running.html#debug-mode] cdn (bool/str) – 是否从CDN加载前端静态资源，默认为 True 。支持传入自定义的URL来指定静态资源的部署地 址 static_dir (str) – 应用静态文件目录。目录下的文件可以 通过 http://:/static/files session_cleanup_interval=None, allowed_origins=None, check_origin=None) 获取在Flask中运行PyWebIO任务的视图函数。基于http请求与前端页面进行 通讯 关于各参数的详细说明见 pywebio.platform.flask.start_server() 的同名参 数。 pywebio.platform.flask.wsgi_app(applications

com/wang0618/pywebio/issues]. User’s guide 如果你接触过Web开发，你可能对接下来描述的PyWebIO的用法感到不太习 惯，不同于传统Web开发的后端实现接口、前端进行展示交互的模式，在 PyWebIO中，所有的逻辑都通过编写Python代码实现。 你可以按照编写控制台程序的逻辑编写PyWebIO应用，只不过这里的终端变成 了浏览器。通过PyWebIO提供的命令式API，你可以简单地调用 tornado 文档 [https://www.tornadoweb.org/en/stable/guide/running.html#debug-mode] cdn (bool/str) – 是否从CDN加载前端静态资源，默认为 True 。支持传入自定义的URL来指定静态资源的部署地 址 static_dir (str) – 应用静态文件目录。目录下的文件可以 通过 http://:/static/files session_cleanup_interval=None, allowed_origins=None, check_origin=None) 获取在Flask中运行PyWebIO任务的视图函数。基于http请求与前端页面进行 通讯 关于各参数的详细说明见 pywebio.platform.flask.start_server() 的同名参 数。 pywebio.platform.flask.wsgi_app(applications