PyScript_在HTML中直接插入 Python 代码

Web前端开发网

fly63.com

PyScript

GitHub:https://github.com/pyscript/pyscript

网站描述:在HTML中直接插入 Python 代码

GitHub

PyScript 由来自 Anaconda 的团队开发，是一个用于在 html 中插入 Python 代码的工具，这意味着你可以在 HTML 中编写和运行 Python 代码，在 PyScript 中调用 Javascript 库，并在 Python 中进行所有的 Web 开发。

PyScript 是基于 Pyodide(https://pyodide.org/) 开发的，它是 CPython 到 WebAssembly/Emscripten 的入口，PyScript 支持在浏览器中编写和运行 Python 代码，未来还将提供对其他语言的支持。

如何使用 PyScript?

PyScript 的 alpha 版本可以在 pyscript.net 上找到，代码可在 https://github.com/pyscript 获得。PyScript 允许你使用以下三个主要组件在 html 中编写 Python：

定义了运行 Python 代码所需的 Python 包。
是你编写在网页中执行的 Python 代码的地方。
创建一个 REPL 组件，用于评估用户输入的代码并显示结果。

要尝试 PyScript，请将适当的 pyscript 文件导入您的 html 页面：

<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

此时，您可以在 html 页面中使用 PyScript 组件。PyScript 当前实现了以下元素：

<py-script>：可用于定义可在网页中执行的 python 代码。元素本身不渲染到页面，仅用于添加逻辑
<py-repl>: 创建一个 REPL 组件，该组件作为代码编辑器呈现到页面，并允许用户编写可以执行的代码

示例

我们先创建一个最简单的示例，代码如下所示：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  </head>
  <body>
    Hello world! <br />
    This is the current date and time, as computed by Python:
    <py-script>
from datetime import datetime
now = datetime.now()
now.strftime("%m/%d/%Y, %H:%M:%S")
    </py-script>
  </body>
</html>