根據(jù)官方介紹，這個名為PyScript的框架，其核心目標是為開發(fā)者提供在標準HTML中嵌入Python代碼的能力，使用 Python調(diào)用JavaScript函數(shù)庫，并以此實現(xiàn)利用Python創(chuàng)建Web應(yīng)用的功能。
看到介紹里提到了調(diào)用JavaScript函數(shù)庫的能力，看來跟JSP或者模版引擎還是有區(qū)別的。
#PyScript 快速體驗
官方給了一個例子，可以幫助我們觀的感受這個開發(fā)框架的能力，不妨跟著DD看看，它能做啥吧！
第一個案例，hello world
代碼很簡單，就下面這幾行。你只需要創(chuàng)建一個html文件，然后復(fù)制進去就可以了。
<html>
<head>
<link rel="stylesheet" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
<body>
<py-script>
print('Hello, World!')
</py-script>
</body>
</html>保存好之后，在瀏覽器里打開就能看到這樣的頁面了：
回頭再看看這個html里的內(nèi)容，三個核心內(nèi)容：
- 引入pyscript的樣式文件：
<link rel="stylesheet" /> - 引入pyscript的腳本文件：
<script defer src="https://pyscript.net/alpha/pyscript.js"></script> <py-script>標簽中寫具體的python代碼來輸出Hello World
本文的兩個案例代碼我打包放在公眾號了，需要的朋友可以關(guān)注公眾號“程序猿DD”，回復(fù)：pyscript 獲取。
第二個案例，數(shù)據(jù)定義 + 數(shù)據(jù)展示
先創(chuàng)建一個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再創(chuàng)建一個html文件，加入下面的代碼
<html>
<head>
<link rel="stylesheet" />
<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>這里就稍微復(fù)雜一些了，除了hello world中的幾個要點外，這里還有這幾個要關(guān)注的地方：
<py-env>標簽：這里聲明要引入的包和要引入的文件（上面創(chuàng)建的data.py）<py-script output="plot">：這里定義了要在<div id="plot"></div>中輸出的內(nèi)容，可以看到這里的邏輯都是用python寫的
這個頁面的執(zhí)行效果是這樣的：
