在网页中撰写Python程式 - 使用pyscript

Yehchitsai

已于 2022-05-04 20:02:19 修改

阅读量2.5k

点赞数 4

分类专栏： Python 小技巧文章标签： python 开发语言 pyscript

于 2022-05-04 09:55:52 首次发布

本文链接：https://blog.csdn.net/m0_50614038/article/details/124566090

版权

Python 小技巧专栏收录该内容

18 篇文章 0 订阅

订阅专栏

在网页中撰写Python程式 - 使用pyscript

根据 Anaconda 的项目 pyscript,可以将 python 的代码直接写在网页中，目前只支援两种标签，分别是<py-script> 与 <py-repl>，以下是简单的示例。

使用这两行导入 pyscript

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

使用<py-repl>标签，会显示原始码，可以单击左下角的按键，开始运行。

<py-repl>
from datetime import datetime
now = datetime.now()
print("目前日期时间", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在网页中执行")
for i in list1:
	print("{}".format(i))
</py-repl>

效果如下：

在这里插入图片描述
使用<py-repl>标签的结果，原则上是使用非同步处理，所以与主画面渲染比较会有延迟。

使用<py-script>标签

<py-script>
from datetime import datetime
now = datetime.now()
print("目前日期时间", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在网页中执行")
for i in list1:
	print("{}".format(i))
</py-script>

效果如下：
在这里插入图片描述

使用<py-script>标签的结果

完整程式范例如下。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <title>第一个 PyScript 练习</title>

    <link rel="icon" type="image/png" href="favicon.png" />
		<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
		<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  </head>

  <body>
    在网页中撰写 Python 程式<br>
    显示目前时间与印出一个列表:
使用 py-repl 标签<br/>
    <py-repl>
from datetime import datetime
now = datetime.now()
print("目前日期时间", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在网页中执行")
for i in list1:
	print("{}".format(i))
    </py-repl> 
    
使用 py-script 标签<br/>
    <py-script>
from datetime import datetime
now = datetime.now()
print("目前日期时间", now.strftime("%m/%d/%Y, %H:%M:%S"))

list1 = list("Pythony在网页中执行")
for i in list1:
	print("{}".format(i))
    </py-script>
  </body>
</html>

参考资料

pyscript，https://pyscript.net/
PyScript，https://github.com/pyscript/pyscript

Yehchitsai

关注

4
点赞
踩
8

收藏

觉得还不错? 一键收藏
11
评论
在网页中撰写Python程式 - 使用pyscript

在网页中撰写Python程式根据 Anaconda 的项目 pyscript,可以将 python 的代码直接写在网页中，目前只支援两种标签，分别是<py-script> 与 <py-repl>，以下是简单的示例。使用这两行导入 pyscript<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /><script defer src="https://pyscript.
复制链接

扫一扫