A Pythont széles körben használják adatelemzésre, gépi tanulásra, webkaparásra és még sok másra. De tudtad, hogy Python kódot is futtathatsz HTML-ben webalkalmazások készítéséhez?
A PyScript lehetővé teszi, lehetővé téve a Python kód futtatását a böngészőben. Számos PyScript-HTML példa segítségével megtudhatja, hogyan adhat hozzá matplotlib vizualizációkat egy weboldalhoz.
Mi az a PyScript?
A PyScript egy nyílt forráskódú webes keretrendszer, amely lehetővé teszi a Python futtatását a webböngészőben. Integrálja a HTML felületet és a Pyodide, a WASM és a modern webes technológiák erejét. A PyScript jelenleg fejlesztési fázisban van, de már van néhány izgalmas funkciója. Lehetséges, hogy hatékony webes alkalmazások létrehozásának eszközévé válhat.
A projektben használt kód elérhető a GitHub adattár és az MIT licence alapján ingyenesen használható. Ha meg szeretné tekinteni a projekt élő változatát, nézze meg a vonalrajz és barplot demók.
HTML Boilerplate beállítása
A PyScript használata előtt be kell állítania a dolgokat. Hozzon létre egy új HTML-fájlt, és állítsa be a HTML-katalógust. A legtöbb
modern IDE-k lehetővé teszi a kazánlemezek automatikus létrehozását. Csak gépelni kell doc vagy html és nyomja meg az entert. A kezdéshez használhatja a következő sablont is:<!DOCTYPE html>
<html>
<fej>
<meta karakterkészlet="utf-8">
<meta http-equiv="X-UA-kompatibilis" tartalom="IE=él">
<cím></title>
<meta név="leírás" tartalom="">
<meta név="nézetablak" tartalom="szélesség=eszköz-szélesség, kezdeti lépték=1">
</head>
<test>
</body>
</html>
PyScript hozzáadása a HTML-hez: "Hello, World!" PyScript használatával
Használhatja a PyScriptet a HTML-fájljában, ha letölti, vagy összekapcsolja a CDN-jét a HTML-fejben. Adja hozzá a következőket a a HTML-fájl része:
<link rel="stíluslap" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
Csak ennyit kell tennie a PyScript beállításához.
A PyScript sikeres integrálásának ellenőrzéséhez adja hozzá a következő kódsort a szakasz:
<test>
<py-script>nyomtatás("Helló Világ!")</py-script>
</body>
Nyissa meg a HTML-fájlt bármelyik webböngészőben, és látni fogja Helló Világ! ott nyomtatva.
Matplotlib könyvtár betöltése
Használnia kell a címkéket a Python modulok importálásához. Töltse be a matplotlib modul a szakaszában a HTML-fájlt a következő részlet használatával:
<py-env>
- matplotlib
</py-env>
Vonalrajz megjelenítése a böngészőben PyScript használatával
Hozzon létre egy egy valamivel id. Szükséged lesz a id hogy a Kimenet attribútuma a címke.
<div id="matplotlib-lineplot"></div>
A Python kódot be kell írnia a címke. Rendelje hozzá a fentieket id hoz Kimenet attribútuma a címke.
<py-script output="matplotlib-lineplot">
# Python kód
</py-script>
Most már készen áll a Python kód megírására egy vonalrajz létrehozásához:
<test>
<div id="matplotlib-lineplot"></div>
<py-script output="matplotlib-lineplot">
# Python kód
# a matplotlib könyvtár importálása
import matplotlib.pyplot mint plt
ábra, ax = plt.subplots()
# x tengely
x = ["Piton", "C++", "JavaScript", "Golang"]
# y tengely
y = [10, 5, 9, 7]
plt.plot (x, y, marker='o', vonalstílus='-', szín='b')
# Az x-címke elnevezése
plt.xlabel('Nyelv')
# Az y-címke elnevezése
plt.ylabel('Pontszám')
# A cselekmény címének megnevezése
plt.title('Nyelv vs pontszám')
ábra
</py-script>
</body>
A következő ábra jelenik meg, amikor megnyitja a HTML-fájlt a böngészőben:
Jelenítsen meg egy oszlopdiagramot a böngészőben PyScript használatával
A következő Python-kódrészlet segítségével sávdiagramot hozhat létre a böngészőben:
<test>
<div id="matplotlib-bar"></div>
<py-script output="matplotlib-bar">
# Python kód
# a matplotlib könyvtár importálása
import matplotlib.pyplot mint plt
ábra, ax = plt.subplots()
# x tengely
x = ["Piton", "C++", "JavaScript", "Golang"]
# y tengely
y = [10, 5, 9, 7]
plt.rúd(x, y)
# Az x-címke elnevezése
plt.xlabel('Nyelv')
# Az y-címke elnevezése
plt.ylabel('Pontszám')
# A cselekmény címének megnevezése
plt.title('Nyelv vs pontszám')
ábra
</py-script>
</body>
Ez a kód a következő kimenetet hozza létre:
Milyen jövőt rejt a PyScript?
Hatékony irányítópultokat és diagramokat készíthet HTML-ben PyScript- és Python-könyvtárak, például Matplotlib, Bokeh, Seaborn és így tovább használatával. Valószínűleg azonban érdemes tartózkodnia a termelésben való használatától, mivel erős fejlesztés alatt áll. A szoftverrel jelenleg számos probléma van, beleértve a betöltési időt és a használhatóságot. A jövőben a PyScript kapukat nyithat meg a Python-műveletek gördülékenyebb futtatásához és végrehajtásához a weben.
A PyScript fejlesztésének egyik fő oka az volt, hogy segítse az adatkutatókat az adatok megjelenítésében a weben. Ha Ön adattudós, kiaknázhatja a PyScript erejét, ha olyan adattudományi könyvtárakkal kombinálja, mint a Pandas és a NumPy.