pyscript+py-env实现python+html效果
参考链接:https://developer.aliyun.com/article/976083?spm=a2c6h.12873581.group.dArticle976083.3a8057c73DINVs
今天我们要介绍的东西,叫做PyScript,使用它,不需要安装任何软件。只要有一个记事本,就能写一段HTML+Python的代码。写完以后,双击这个HTML文件,用浏览器打开,就能直接看到Python代码的运行结果。
假设我现在要写一段代码,使用高效的算法计算斐波那契数列前10项的值。现在我已经把代码写好了,想验证一下它是否正确:
def fib(n):if n in [1, 2]:return 1a = 1b = 1for _ in range(2, n):a, b = b, a + breturn b
我的电脑上没有Python,我也不知道任何在线的Python解释器。怎么办呢?这个时候,你只需要在这个Python代码的前后再添加一些HTML代码,把它保存成一个.html文件就可以了:
<html><head><link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /><script defer src="https://pyscript.net/alpha/pyscript.js"></script></head><body><py-script>
def fib(n):if n in [1, 2]:return 1a = 1b = 1for _ in range(2, n):a, b = b, a + breturn b
for i in range(1, 11):print(f'第{i}项的结果是:{fib(i)}')</py-script></body>
</html>
到目前为止,似乎跟那些在线的Python运行环境没什么区别。但PyScript更厉害的是,它自带了一些常见的第三方库,例如numpy或者Matplot,甚至它还可以手动安装第三方库。
对于它自带的numpy和matplotlib,可以直接使用标签声明:
<html><head><link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /><script defer src="https://pyscript.net/alpha/pyscript.js"></script><py-env>- numpy- matplotlib</py-env></head><body><h1>Let's plot random numbers</h1><div id="plot"></div><py-script output="plot">
import matplotlib.pyplot as plt
import numpy as np
x = np.random.randn(1000)
y = np.random.randn(1000)
fig, ax = plt.subplots()
ax.scatter(x, y)
fig</py-script></body>
</html>
pyscript+py-env实现python+html效果相关推荐
- 通过双击.py文件启动Python IDE编辑器
双击.py文件启动Python IDE 起因是我想在surface pro 6上装一个python开发环境,但不想去安装pycharm等稍繁琐的开发环境,于是选择直接用自带IDE,不过发现只能双击运行 ...
- python免安装版_web.py入门01——python安装
环境:windows10 相关软件:python3.8.6.Sublime text.mysql.web.py和一些python库. python安装 python官网: https://www.py ...
- 删除 setup.py 安装的 Python 软件包
删除 setup.py 安装的 Python 软件包 2011年4月3日 在 CentOS 5.5 上通过 setup.py 安装了一个软件包.删除的时候发现 setup.py 没有 uninstal ...
- python setup.py build_打包Python项目为rpm时遇到python setup.py build报错的问题
问题描述 使用rpmbuild打包python项目,执行报错 rpmbuild -bb autoinstall.spec hrwxr-xr-x XXX/XXX 0 2018-12-19 13: ...
- python支持函数式编程吗_利用Fn.py库在Python中进行函数式编程
尽管Python事实上并不是一门纯函数式编程语言,但它本身是一门多范型语言,并给了你足够的自由利用函数式编程的便利.函数式风格有着各种理论与实际上的好处(你可以在Python的文档中找到这个列表): ...
- Ubuntu执行脚本报错-bash: ./send.py: /usr/bin/python: bad interpreter: Permission denied
在Ubuntu系统终端中,使用命令行如下命令行运行*.py文件: 执行脚本报错 root@ubuntu:/usr/bin/python# chmod a+x send.py root@ubuntu:/ ...
- python烟花效果的代码实例|CSDN创作打卡
python烟花效果的代码实例 一.整体概念梳理 二.基本知识:用Python和Tkinter设计烟花 三.使用Tkinter模拟 四.全部代码 一.整体概念梳理 在本篇文章里小编给大家整理的是关于p ...
- intel python加速效果初探
python3安装intel的加速库: conda config --add channels intel conda create --name intelpy intelpython3_full ...
- php 向py发起请求,Python向PHP发起GET与POST请求
CloudBean项目中到PHP开发WEB管理端,用Python开发服务控制端,在项目中Python的服务控制端有时候需要主动连接PHP的WEB管理端下载或上传配置参数或数据信息,这里采用的原理是Py ...
最新文章
- [bzoj 2456]mode
- 只要有钱50岁男人也嫁
- 使用Git上传本地项目到http://git.oschina.net
- ES6 Map数据结构
- 趋势解读:John D′Ambrosia告诉你下一代以太网路在何方?
- 数据结构_串_mindmap+LeetCode_344.反转字符串(Java、C)
- echarts常用实例
- 微信小程序仿微信SlideView组件slide-view
- 泛泰A880S升级官方4.4.2 binx教程
- 关于WinCE6.0补丁包的一点说明
- 【交易技术前沿】浅析基金业推进数据治理的阻碍及应对建议
- 符晓《TMS320F28335DSP原理、开发及应用》2017版
- 电路分析超详细思维导图
- 如何设计测试用例?为什么要设计测试用例?
- 王垠受邀面试阿里P9,被P10面跪后网上怒发文,惨打325的P10赵海平回应了!
- goahead文件下载
- 数据库 PK,NN,UQ,AI,BIN,UN,ZF等的含义 记录
- 西湖大学鞠峰组招聘【塑料降解 / 污水工程 / 微生物学】方向博士后和科研助理...
- 2022.3.11 MATLAB课程作业
- ESP32 学习日志(4)——OTA升级(1)-示例解析