在网页中撰写Python程式 - 使用pyscript
2023-09-14 09:12:58 时间
在网页中撰写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
相关文章
- pycharm打包python项目_Python怎么打包
- python中sqrt函数用法_Python : sqrt() 函数
- Python第七章-面向对象高级
- 胡渊鸣:import一个“太极”库,让Python代码提速100倍!
- python表情代码_Python实现表情包的代码实例[通俗易懂]
- Python 技巧篇-pip卸载python库实例演示,查看pip命令大全方法[通俗易懂]
- 【说站】python数据结构堆的介绍
- 【说站】python创建列表的方法整理
- python输出unicode编码_Python以utf8编码读取文件
- python 图像处理库_Python图像处理库
- python如何生成随机数_Python生成50个随机数
- python绘制条形柱状图_Python柱状图
- Python基础教程之流程控制
- python教程:isinstance和issubclass的用法
- Python自动化测试之自定义日志及其封装
- Python使用platform库获取系统信息:操作系统信息、硬件信息、python环境信息
- Ubuntu18.04 一键升级Python所有第三方包 及安装python包的方法
- 小白的Python之路 day5 configparser模块的特点和用法详解编程语言
- [Python] 使用dict和set详解编程语言
- Linux下如何快速卸载Python环境(linux如何卸载python)
- 从Python连接Oracle数据库介绍(python连接oracle)
- Python轻松连接SQL Server数据库(python连接sqlserver)
- Python匹配任意字符(包括换行符)的正则表达式写法
- python基础教程之元组操作使用详解