首页 > 其他分享 >PyScript

PyScript

时间:2022-09-06 00:55:46浏览次数:75  
标签:Web 文件 Python Javascript PyScript Pyodide

PyScript

为 99% 的人编程

脚本? Python和Javascript??

嗯,是的,也不是。

PyScript 是一个框架,允许用户在 Pyodide, WASM 和现代网络技术。它可以帮助您使用 Python 构建 Web 应用程序,无论是否使用 Javascript。

PyScript 的目标之一是让 Web 开发成为任何想要学习编码的人的友好场所,这是通过不需要任何安装或配置来实现的(说真的,只需导入 js 和 css 文件。就这么简单!)

PyScript 框架为每个体验级别的用户提供了对具有无数应用程序的富有表现力、易于学习的编程语言的访问权限。

-PyScript 2022

PyScript 由 Fabio Pliger 创建,第一块石头(初始提交)于 2022 年 2 月完成,并于 2022 年 4 月公开宣布。截至本文发布日期,PyScript 仍处于实验阶段,因此期待在不久的将来看到新事物!

什么是 Pyodide 和 WebAssembly?

吡咯烷酮 是 CPython 解释器到 WebAssembly/Emscripten 的一个端口。它使使用 micropip 在 Web 浏览器上运行 Python 成为可能。 Pyodide 带有一个强大的 Javascript ⟺ Python 外部函数接口,这意味着您可以自由地创建函数组合,并且摩擦最小。在浏览器中使用时,Python 可以完全访问 Web API。

WebAssembly ,或简称 WASM,是一种用于基于堆栈的虚拟机的二进制指令格式。它被设计为编程语言的可移植编译目标,支持在 Web 上部署客户端和服务器应用程序。

但是 WASM 与 Python 不兼容。这就是 Pyodide 出现的地方。 Pyodide 将整个 CPython 解释器编译成 WASM,让它像解释常规 Python 命令一样解释 HTML 中的 Python 命令。

PyScript 的核心组件

  • 浏览器中的 Python : 无需依赖服务器端配置即可启用插入式内容、外部文件托管和应用程序托管
  • Python 生态系统 :运行许多流行的 Python 包和科学堆栈(例如 numpy、pandas、scikit-learn 等)
  • Python 与 JavaScript : Python 和 Javascript 对象和命名空间之间的双向通信
  • 环境管理 :允许用户定义要包含哪些包和文件以运行页面代码
  • 可视化应用开发 :使用现成的精选 UI 组件,例如按钮、容器、文本框等
  • 灵活的框架 :一个灵活的框架,可用于直接在 Python 中创建和共享新的可插拔和可扩展组件

入门

如果到目前为止我已经在 PyScript 上卖给了你,那么是时候弄脏我们的手了。如果你看看他们的 例子 或者 他们网站上的例子 ,您会发现其中很多,而且他们确保理解 PyScript 就像开发它们一样容易。

但在此之前,让我们从一个简单的例子开始,我们可靠的“Hello world!”

创建一个包含以下内容的 HTML 文件:

helloworld.html

这就是你自己的第一个 Hello world PyScript 程序!

但现实往往令人失望不是吗?事情并不总是这么简单,让我们看一下 PyScript Github 中的一个示例,并仔细研究一下。

我们以“To do list maker”为例。

代码下方给出的重要行的解释。

to_do.html

第 8 行和第 9 行: 将 PyScript 的语句导入到您的 html 中(我告诉过您什么?就这么简单)

第 10 至 13 行: 包含您的依赖项的环境文件。在此示例中无关紧要,因此您可以根据需要删除它们。

第 16 行: 导入您的 Python 文件。就像您如何导入 Javascript 文件一样。 To_do.py 具有将任务添加到列表中并在任何时候显示该列表的功能

第 24 行: 单击按钮时调用 Python 函数的按钮。

31 号线 到 38 :这是您的任务显示的地方,您的任务前面有一个复选框。

现在提供了 HTML 内容,让我们添加一些任务,看看它们是如何显示的。

添加到列表并检查任务是否完成的过程在您的 Python 文件中实现。

第 5、6 和 7 行: 其中包含 DOM 元素。

第 8 至 37 行: add_task 函数在单击按钮时被调用,该函数获取输入文本框中的值,将它们添加到列表并显示该列表。

第 29 至 34 行: check_task 函数将删除线类(指示任务已完成)添加到特定任务如果选中该复选框,则事件处理程序处于打开状态 第 37 行。

第 39、40 和 41 行: add_task_event 是一个事件处理程序,用于检查输入焦点时完成的关键操作。在我们的例子中,我们需要处理的唯一事件是“进入”按钮。 **** 此函数的事件处理程序声明在 42号线 .

保存这些文件后,继续运行本地服务器,然后从浏览器打开 to_do.html 并开始添加这些任务!

结论

如果您已经走到了这一步,那么是时候使用 PyScript 开始您自己的冒险了。有一些很酷 参考网站 这解释了更多关于它的信息,也涵盖了使用它的问题。
快乐编码!

关于作者:

Vishwanth 是 KBX Digital 的高级 SDE。他钦佩和尊重那些在编码时可视化数据并在方法上富有创造力的人。他总是说“如果你能在 2 分钟内完成这项工作,那就现在就做”。

关于 KBX 数码

在 KBX Digital,我们使用无服务器技术来自动扩展微服务,为数百万客户提供服务。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/17524/40010600

标签:Web,文件,Python,Javascript,PyScript,Pyodide
From: https://www.cnblogs.com/amboke/p/16660243.html

相关文章