pyscript的简单应用实现

第pyscript的简单应用实现目录1.什么是pyscript2.pyscript的应用2-1.下载2-2.CDN2-3.你的第一个pyscript应用最近在PyConUS2025上，Anaconda的首席执行官PeterWang宣布了一项名为PyScript的闪亮新技术，该技术允许用户在浏览器中编写Python。

1.什么是pyscript

pyscript由来自Anaconda的团队开发，包括PeterWang、FabioPliger和PhilippRudiger，正如Peter在他的演讲中提到的，PyScript是一个用于在HTML（如PHP）中交错Python的系统。这意味着您可以编写和运行Python代码在HTML中，在PyScript中调用Javascript库，并在Python中进行所有Web开发。

最明显的是，使用PyScript，我们现在可以用HTML编写Python（可能还有其他语言）并构建Web应用程序。PyScript让更多的前端开发人员和创建者可以使用Python的强大功能。

正如彼得在演讲中提到的，网络浏览器是世界上最普遍、最便携的计算机环境。事实上，几乎每个人都可以访问网络浏览器，无论是在电脑上还是在手机上。这意味着任何人都可以在没有任何基础设施障碍的情况下访问和开始编程。

使用PyScript，我们不再需要担心部署。PyScript提供了超越云的架构转变。一切都将在您的网络浏览器中发生。作为数据科学家，我们可以在html文件中共享我们的仪表板和模型，只要其他人在Web浏览器中打开该文件，该文件就会运行代码。

既然pyscript如此强悍，下面，我就带大家来写第一个pyscript应用：

2.pyscript的应用

2-1.下载

downloadpyscriptnow

下载完后就可以使用如下代码将python引入到你的web应用了

linkrel="stylesheet"href="path/to/pyscript.css"rel="externalnofollow"/

scriptdefersrc="path/to/pyscript.js"/script

2-2.CDN

当然你也可以选择不下载直接使用pyscript

linkrel="stylesheet"href="/alpha/pyscript.css"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"/

scriptdefersrc="/alpha/pyscript.js"/script

2-3.你的第一个pyscript应用

!DOCTYPEhtml

htmllang="en"

head

metacharset="UTF-8"

metahttp-equiv="X-UA-Compatible"content="IE=edge"

metaname="viewport"content="width=device-width,initial-scale=1.0"

linkrel="stylesheet"href="/alpha/pyscript.css"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"/

scriptdefersrc="/alpha/pyscript.js"/script

titleDocument/title

style

py-script{

width:100px;

height:100px;

font-size:20px;

text-align:center;

position:absolute;

left:calc(50%-50px);

top:calc(50%-50px);

/style

/head

body

!--经典的helloworld--

py-script

print('helloworld')

/py-script

/body

/html

2-4.来一个更复杂的应用吧

!DOCTYPEhtml

htmllang="en"

head

metacharset="UTF-8"

metahttp-equiv="X-UA-Compatible"content="IE=edge"

metaname="viewport"content="width=device-width,initial-scale=1.0"

linkrel="stylesheet"href="/alpha/pyscript.css"rel="externalnofollow"rel="externalnofollow"rel="externalnofollow"/

scriptdefersrc="/alpha/pyscript.js"/script

titleDocument/title

/head

body

bpTodayisulabelid='today'/label/u/p/b

divid="pi"/div

!--这里导入了时间的库，然后将信息渲染到了页面中。并有一个简单的圆周率计算的算法--

py-script

importdatetimeasdt

pyscript.write('today',dt.date.today().strftime('%A%B%d,%Y'))

defwallis(n):

pi=2

foriinrange(1,n):

pi*=4*i**2/(4*i**2-1)

returnpi

pi=wallis(100000)

pyscript.write('pi