如何让Python在HTML中运行
最近一直在更新Java新特性和IDEA Tips两个专栏，其他方向内容的动态关注少了。昨天天晚上刷推的时候，瞄到了这个神奇的东西，觉得挺cool的，拿出来分享下：
相信你看到图，不用我说，你也猜到是啥了吧？html里可以跑python代码了！
看到好多知识已经开始猛吹未来了，但乍看怎么觉得有点像JSP？或者一些模版引擎？是进步还是倒退呢？与其瞎想，不如仔细看看这个东东的能力吧！
根据官方介绍，这个名为PyScript的框架，其核心目标是为开发者提供在标准HTML中嵌入Python代码的能力，使用 Python调用JavaScript函数库，并以此实现利用Python创建Web应用的功能。
看到介绍里提到了调用JavaScript函数库的能力，看来跟JSP或者模版引擎还是有区别的。
PyScript 快速体验
官方给了一个例子，可以帮助我们观的感受这个开发框架的能力，不妨跟着DD看看，它能做啥吧！
第一个案例，hello world
代码很简单，就下面这几行。你只需要创建一个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>
print('Hello, World!')
</py-script>
</body>
</html>保存好之后，在浏览器里打开就能看到这样的页面了：
回头再看看这个html里的内容，三个核心内容：
- 引入pyscript的样式文件：
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /> - 引入pyscript的脚本文件：
<script defer src="https://pyscript.net/alpha/pyscript.js"></script> <py-script>标签中写具体的python代码来输出Hello World
如果你懒得自己敲代码的话，本文的两个案例代码可以从百度网盘获取。
第二个案例，数据定义 + 数据展示
先创建一个data.py文件，然后加入前面的代码。功能很简单，就是随机生成（x，y）的坐标
import numpy as np
def make_x_and_y(n):
x = np.random.randn(n)
y = np.random.randn(n)
return x, y再创建一个html文件，加入下面的代码
<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
- paths:
- /data.py
</py-env>
</head>
<body>
<h1>Let's plot random numbers</h1>
<div id="plot"></div>
<py-script output="plot">
import matplotlib.pyplot as plt
from data import make_x_and_y
x, y = make_x_and_y(n=1000)
fig, ax = plt.subplots()
ax.scatter(x, y)
fig
</py-script>
</body>
</html>这里就稍微复杂一些了，除了hello world中的几个要点外，这里还有这几个要关注的地方：
<py-env>标签：这里声明要引入的包和要引入的文件（上面创建的data.py）<py-script output="plot">：这里定义了要在<div id="plot"></div>中输出的内容，可以看到这里的逻辑都是用python写的
这个页面的执行效果是这样的：
是不是很神奇呢？整个过程中都没有大家熟悉的cs、js内容，就完成了这样一个图的页面实现。
小结
最后，谈谈在整个尝试过程中，给我的几个感受：
- 开发体验上高度统一，对于python开发者来说，开发Web应用的门槛可以更低了
- 感觉性能上似乎有所不足，几个复杂的案例执行有点慢，开始以为是部分国外cdn的缘故，后来移到本地后，还是慢。这部分可能还需要进一步优化。
这个开发框架目前还只是alpha版本，未来一定还会有更多特性与优化出来，总体上我觉得这个框架还是非常cool的，尤其对于刚学会Python，或者只会Python，但又想快速开发Web应用的小伙伴来说，可能将会是个不错的选择，那你觉得这个框架如何？未来会不会火？留言区聊聊吧！
本文的两个案例代码放在百度网盘了，需要的点击获取吧。
链接: https://pan.baidu.com/s/18KV0P7Ly_rRvTn0xi3zCWQ
提取码: 4wzd
到此这篇关于让Python在HTML中运行的文章就介绍到这了,更多相关Python HTML运行内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了Python如何访问字符串中的值,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了基于Python快速处理PDF表格数据,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
在pymysql中支持对占位符的处理，开发者需要在SQL中使用“%”定义占位符，在使用excute()方法执行时对占位符的数据进行填充即可，本文给大家介绍python连接数据库后通过占位符添加数据的方法，需要的朋友参考下吧2021-12-12
Django-celery-beat动态添加周期性任务实现过程解析
这篇文章主要介绍了Django-celery-beat动态添加周期性任务实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-11-11
这篇文章主要介绍了python基于递归解决背包问题，递归是个好东西，任何具有递归性质的问题通过函数递归调用会变得很简单。一个很复杂的问题，几行代码就能搞定,需要的朋友可以参考下2019-07-07
本文介绍的是Python对CSV、Excel、txt、dat文件的处理，具有一定的参考价值，需要的朋友跟随小编一起来看下2018-09-09
这篇文章主要介绍了Python使用list列表和tuple元组的方法，list是一种有序的集合，可以随时添加和删除其中的元素，下文更多相关介绍需要的小伙伴可以参考一下2022-03-03
python GUI框架pyqt5 对图片进行流式布局的方法（瀑布流flowlayout）
这篇文章主要介绍了python GUI框架pyqt5 对图片进行流式布局的方法（瀑布流flowlayout），本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-03-03
这篇文章给大家介绍了如何利用Python判断数独是否合法，对大家学习python有一定的参考借鉴价值，有需要的可以一起来看看。2016-09-09
在本篇文章里小编给大家整理了关于python的import错误原因以及相关内容，需要的朋友们可以学习下。2020-07-07
最新评论