17611538698
webmaster@21cto.com

将 Python 引入到网页运行的 PyScript 实用指南

编程语言 0 1318 2023-09-01 03:50:40

图片

21CTO导读:本文讲述将Python搬到网页里运行,希望对大家的实际工作有价值。

背景

在不断发展的Web 开发领域,不同编程语言的集成整合已成为创新标志。Python以其多功能性和易用性而闻名,它已经超出了其传统领域,并涉足 Web 开发领域。

想象一个场景,Python 的强大功能与 HTML 的动态特性无缝融合,通过交互式功能和动态内容丰富自己的 Web 项目。

本文深入探讨在 HTML 中运行 Python 代码的有趣概念,揭示了它所具有的潜力,包括实现这种协同作用的步骤。无论你是希望提高技能的经验丰富的开发人员,还是对各种可能性感兴趣的新手,都可以探索 Python 与 HTML 的集成,并了解这种融合如何彻底改变我们创建 Web 应用程序的方式。

PyScrip

PyScript是一个框架,允许开发者使用 HTML 界面以及 Pyodide、WASM 结合现代 Web 技术产生强大功能,在浏览器中创建丰富的 Python 应用程序。

PyScript是科学计算 Python 发行版的制造商 Anaconda 在 PyCon US 2022 上发布的。

PyScript 工作原理的基本可视化

PyScript 的工作原理是将 Python 代码编译为WebAssembly,这是一种可以在浏览器中运行的低级语言。

这表示 PyScript 代码可以直接在浏览器中执行,无需服务器或 JavaScript 解释器。

图片

 PyScript 工作原理的基本骨架可视化

PyScript 提供了众多功能,使其成为创建 Web 应用程序的强大工具。这些功能包括:

  • 完全访问 Python 标准库:PyScript 可以访问 Python 标准库的全部功能,包括 NumPy、Pandas 和 SciPy 等模块。这使得用 Python 创建复杂且数据密集型的 Web 应用程序成为可能。


  • 易于学习和使用:PyScript 被设计为易于学习和使用,即使对于初学者也是如此。语法与常规 Python 非常相似,并且不需要复杂的构建或部署步骤。


  • 与现有的 Web 技术兼容:包括 HTML、CSS 和 JavaScript。这意味着你可以使用 PyScript 创建外观和感觉与任何其他 Web 应用程序相似的 Web 应用程序。


PyScript版Hello World

好的,让我们开始。

就像在任何编程冒险中所做的那样 -“Hello,World” 。

但是请做好网页里运行的准备,这一次将使用 PyScript 魔法来实现这一点。

基本 HTML 结构,代码如下

<!DOCTYPE html><html>
<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>PyScript | Hello, World!</title> </head>
<body> </body>
</html>

接下来,链接 PyScript 文件。


只需添加以下两行JS引用即可,我们准备好使用 PyScript 了。

<link rel="s tylesheet" h ref="https://pyscript.net /latest/pyscript.css" /><script defer src="https://pyscript.net/latest/pyscript.js"></script>

让我们接下来打印『Hello World!』,并显示IP地址。

 Hello, world! <br>  Hostname and IP Address:   <py-script>    import socket    hostname = socket.gethostname()    display(hostname)    ip_address = socket.gethostbyname(hostname)    display(ip_address)  </py-script>

在正文中,输入上述代码。我来解释如下:

  1. Hello, world! <br>:这行 HTML 代码显示文本“Hello, world!” 然后包含一个<br>标签。<br>标签是一个 HTML 换行元素,它在文本“Hello, world!”之后创建一个新行,孔乙已一下。


  2. Hostname and IP Address::这是紧随标记创建的换行符之后的纯文本<br>。它只是一个文字标签,表明接下来的内容将显示主机名和IP地址。


  3. 标签内的<py-script>:

    • import socket:此 Python 代码导入socket模块,该模块提供对各种网络功能的访问,包括主机名和 IP 地址。

    • hostname = socket.gethostname():此行使用函数查询当前主机的标准主机名socket.gethostname()并将其分配给变量hostname。

    • display(hostname):这向用户显示主机名字。

    • ip_address = socket.gethostbyname(hostname):该行使用该socket.gethostbyname()函数来解析与先前获取的主机名关联的 IP 地址。然后将 IP 地址分配给变量ip_address。

    • display(ip_address):显示浏览器中的IP地址。

就是这样,一旦运行 HTML 文件,你将能够看到类似的结果,如下图所示。

图片

PyScript 演示图

PyScript 仍在开发中,它有可能彻底改变我们创建 Web 应用程序的方式。

它让我们使用 Python 来创建可在任何浏览器中运行的丰富,且交互良好的 Web 应用程序成为可能。

以下是一些可以使用 PyScript 执行的操作示例:

  • 使用 NumPy 和 Pandas 创建数据可视化应用程序。

  • 使用 scikit-learn 构建机器学习模型。

  • 开发互动网页小游戏。

  • 创建自定义 Web 小部件和组件。

  • 编写互动且引人入胜的教育学习内容。


可能性是无止境的!

希望本文能让您对 PyScript 有一个概要了解。这是一项令人兴奋的新技术,极有可能改变我们创建 Web 应用程序的方式。

感谢大家的阅读。图片

作者:万能的大雄

评论