最近一直在更新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的脚python教程分享如何让Python在HTML中运行件：
<script defer src="https://pyscript.net/alpha/pyscript.js"></script> <py-script>标签中写具体的python代码来输出hello world
如果你懒得自己敲代码的话，python教程分享如何让Python在HTML中运行的两个案例代码可以从百度网盘获取。
第二个案例，数据定义 + 数据展示
先创建一个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应用的小伙伴来说，可能将会是个不错的选择，那你觉得这个框架如何？未来会不会火？留言区聊聊吧！
python教程分享如何让Python在HTML中运行的两个案例代码放在百度网盘了，需要的点击获取吧。
链接: https://pan.baidu.com/s/18kv0p7ly_rrvtn0xi3zcwq
提取码: 4wzd
到此这篇关于让python在html中运行的文章就介绍到这了,更多相关python html运行内容请搜索<计算机技术网(www.ctvol.com)!!>以前的文章或继续浏览下面的相关文章希望大家以后多多支持<计算机技术网(www.ctvol.com)!!>！
需要了解更多python教程分享如何让Python在HTML中运行，都可以关注python教程分享栏目—计算机技术网(www.ctvol.com)!
本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址：https://www.ctvol.com/pythontutorial/1091056.html