Python sa široko používa na analýzu údajov, strojové učenie, zoškrabovanie webu a oveľa viac. Vedeli ste však, že na vytváranie webových aplikácií môžete spustiť aj kód Pythonu v HTML?
PyScript to umožňuje a umožňuje vám spúšťať kód Pythonu v prehliadači. Naučte sa, ako pridať vizualizácie matplotlib na webovú stránku pomocou niekoľkých príkladov PyScript-HTML.
Čo je PyScript?
PyScript je open-source webový rámec, ktorý umožňuje spustiť Python vo webovom prehliadači. Integruje HTML rozhranie a silu Pyodide, WASM a moderných webových technológií. PyScript je momentálne vo fáze vývoja, ale už má niekoľko zaujímavých funkcií. Potenciálne by sa mohol stať nástrojom na vytváranie výkonných webových aplikácií.
Kód použitý v tomto projekte je dostupný v a úložisko GitHub a môžete ho bezplatne používať na základe licencie MIT. Ak sa chcete pozrieť na živú verziu tohto projektu, môžete sa pozrieť na čiarový graf a barplot ukážky.
Nastaviť HTML Boilerplate
Pred použitím PyScriptu musíte veci nastaviť. Vytvorte nový súbor HTML a nastavte štandardný kód HTML. Väčšina
moderné IDE poskytujú funkcie na automatické vytváranie štandardných verzií. Stačí len napísať doc alebo html a stlačte enter. Na začiatok môžete použiť aj nasledujúcu šablónu:<!DOCTYPE html>
<html>
<hlavu>
<meta znaková sada="utf-8">
<meta http-ekviv="X-UA-kompatibilné" obsah ="IE=okraj">
<titul></title>
<meta meno="popis" obsah ="">
<meta meno="výrez" obsah ="width=device-width, initial-scale=1">
</head>
<telo>
</body>
</html>
Pridajte PyScript do HTML: "Ahoj, svet!" Používanie jazyka PyScript
PyScript môžete použiť vo svojom súbore HTML buď jeho stiahnutím alebo prepojením jeho CDN v hlave HTML. Pridajte nasledujúce do časť vášho súboru HTML:
<odkaz rel="štýlov" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>To je všetko, čo musíte urobiť, aby ste nastavili PyScript.
Ak chcete overiť, či bol PyScript úspešne integrovaný, pridajte do súboru nasledujúci riadok kódu sekcia:
<telo>
<py-script>vytlačiť ("Dobrý deň, Svet!")</py-script>
</body>Otvorte súbor HTML v ľubovoľnom webovom prehliadači a uvidíte Dobrý deň, Svet! vytlačené tam.
Načítať knižnicu Matplotlib
Musíte použiť tagy na import modulov Pythonu. Načítať matplotlib modul v časť vášho súboru HTML pomocou nasledujúceho úryvku:
<py-env>
- matplotlib
</py-env>Zobrazte čiarový graf v prehliadači pomocou jazyka PyScript
Vytvor s id. Budete potrebovať id používať ho s výkon atribútom tag.
<div id="matplotlib-lineplot"></div>Musíte napísať kód Python v tag. Priraďte vyššie uvedené id k výkon atribútom tag.
<výstup py-script="matplotlib-lineplot">
# Kód Python
</py-script>Teraz ste pripravení napísať kód Pythonu na vytvorenie čiarového grafu:
<telo>
<div id="matplotlib-lineplot"></div>
<výstup py-script="matplotlib-lineplot">
# Kód Python
# importovanie knižnice matplotlib
importovať matplotlib.pyplot ako plt
obr, ax = plt.subplots()
# os x
x = ["Python", "C++", "JavaScript", "Golang"]
# os y
y = [10, 5, 9, 7]
plt.plot (x, y, značka='o', štýl čiary='-', farba='b')
# Pomenovanie x-štítku
plt.xlabel('Jazyk')
# Pomenovanie y-labelu
plt.ylabel('skóre')
# Pomenovanie názvu pozemku
plt.title('Jazyk vs skóre')
obr
</py-script>
</body>
Keď otvoríte súbor HTML vo webovom prehliadači, zobrazí sa nasledujúci obrázok:
Zobrazte pruhový graf v prehliadači pomocou jazyka PyScript
Pruhový graf môžete vytvoriť v prehliadači pomocou nasledujúceho úryvku Pythonu:
<telo>
<div id="matplotlib-bar"></div>
<výstup py-script="matplotlib-bar">
# Kód Python
# importovanie knižnice matplotlib
importovať matplotlib.pyplot ako plt
obr, ax = plt.subplots()
# os x
x = ["Python", "C++", "JavaScript", "Golang"]
# os y
y = [10, 5, 9, 7]
plt.bar(X, r)
# Pomenovanie x-štítku
plt.xlabel('Jazyk')
# Pomenovanie y-labelu
plt.ylabel('skóre')
# Pomenovanie názvu pozemku
plt.title('Jazyk vs skóre')
obr
</py-script>
</body>
Tento kód vytvára nasledujúci výstup:
Akú budúcnosť má PyScript?
Pomocou knižníc PyScript a Python, ako sú Matplotlib, Bokeh, Seaborn atď., môžete vytvárať výkonné tabule a grafy v HTML. Pravdepodobne by ste však mali odložiť jeho použitie vo výrobe, pretože je v intenzívnom vývoji. Softvér má v súčasnosti viacero problémov vrátane času načítania a použiteľnosti. V budúcnosti môže PyScript otvoriť brány na plynulejšie spustenie a vykonávanie operácií Pythonu na webe.
Jedným z hlavných dôvodov vývoja jazyka PyScript bolo pomôcť vedcom údajov vizualizovať údaje na webe. Ak ste vedcom údajov, môžete využiť silu jazyka PyScript jeho kombináciou s knižnicami pre vedu o údajoch, ako sú Pandas a NumPy.
