Python se široko uporablja za analizo podatkov, strojno učenje, spletno strganje in še veliko več. Toda ali ste vedeli, da lahko zaženete kodo Python tudi v HTML za izdelavo spletnih aplikacij?

PyScript to omogoča, saj vam omogoča zagon kode Python v brskalniku. Naučite se dodati vizualizacije matplotlib na spletno stran s pomočjo več primerov PyScript-HTML.

Kaj je PyScript?

PyScript je odprtokodno spletno ogrodje, ki vam omogoča zagon Pythona v spletnem brskalniku. Združuje vmesnik HTML in moč Pyodide, WASM in sodobnih spletnih tehnologij. PyScript je trenutno v razvojni fazi, vendar že ima nekaj razburljivih funkcij. Potencialno bi lahko postal orodje za ustvarjanje zmogljivih spletnih aplikacij.

Koda, uporabljena v tem projektu, je na voljo v a Repozitorij GitHub in je brezplačen za uporabo pod licenco MIT. Če si želite ogledati živo različico tega projekta, si lahko ogledate lineplot in barplot predstavitve.

Nastavite HTML Boilerplate

Preden uporabite PyScript, morate stvari nastaviti. Ustvarite novo datoteko HTML in nastavite predlogo HTML. večina

instagram viewer
sodobni IDE-ji zagotavljajo funkcionalnost za samodejno ustvarjanje predložkov. Samo vnesti morate doc oz html in pritisnite enter. Za začetek lahko uporabite tudi to predlogo:

<!DOCTYPE html>
<html>
<glavo>
<meta charset="utf-8">
<meta http-ekviv="Združljiv z X-UA" vsebina="IE=rob">
<naslov></title>
<meta ime="opis" vsebina="">
<meta ime="vidno polje" vsebina="širina=širina naprave, začetna lestvica=1">
</head>
<telo>
</body>
</html>

Dodajte PyScript v HTML: "Pozdravljen, svet!" Uporaba PyScript

PyScript lahko uporabite v svoji datoteki HTML tako, da jo prenesete ali povežete njen CDN v glavi HTML. Dodajte naslednje v del vaše datoteke HTML:

<povezava rel="slogovna tabela" href="https://pyscript.net/alpha/pyscript.css" />
<skript defer src="https://pyscript.net/alpha/pyscript.js"></script>

To je vse, kar morate storiti, da nastavite PyScript.

Če želite preveriti, ali je bil PyScript uspešno integriran, dodajte naslednjo vrstico kode v razdelek:

<telo>
<py-skript>natisni("Pozdravljen, svet!")</py-script>
</body>

Odprite datoteko HTML v katerem koli spletnem brskalniku in videli boste Pozdravljen, svet! tam natisnjeno.

Naloži knjižnico Matplotlib

Morate uporabiti oznake za uvoz modulov Python. Naložite matplotlib modul v razdelek vaše datoteke HTML z naslednjim delčkom:

<py-env>
 - matplotlib
</py-env>

Prikažite črtni izris v brskalniku z uporabo PyScript

Ustvariti z an id. Potrebovali boste id da ga uporabite z izhod atribut oznaka.

<div id="matplotlib-lineplot"></div>

Kodo Python morate napisati v oznaka. Dodeli zgornje id do izhod atribut oznaka.

<py-script output="matplotlib-lineplot">
# Koda Python
</py-script>

Zdaj ste pripravljeni napisati kodo Python za ustvarjanje risbe črte:

<telo>
<div id="matplotlib-lineplot"></div>
<py-script output="matplotlib-lineplot">
# Koda Python
# uvažanje knjižnice matplotlib
uvoz matplotlib.pyplot kot plt
 fig, ax = plt.subplots()
# x os
 x = ["Python", "C++", "JavaScript", "Golang"]
# y os
 y = [10, 5, 9, 7]
 plt.plot (x, y, marker='o', slog črte='-', barva='b')
# Poimenovanje x-oznake
 plt.xlabel('Jezik')
# Poimenovanje y-oznake
 plt.ylabel('rezultat')
# Poimenovanje naslova ploskve
 plt.title('Jezik proti rezultatu')
 fig
</py-script>
</body>

Ko odprete datoteko HTML v spletnem brskalniku, se prikaže naslednja slika:

Prikažite vrstični izris v brskalniku z uporabo PyScript

V brskalniku lahko ustvarite vrstični izris z naslednjim izrezkom Python:

<telo>
<div id="matplotlib-bar"></div>
<py-script output="matplotlib-bar">
# Koda Python
# uvažanje knjižnice matplotlib
uvoz matplotlib.pyplot kot plt
 fig, ax = plt.subplots()
# x os
 x = ["Python", "C++", "JavaScript", "Golang"]
# y os
 y = [10, 5, 9, 7]
plt.bar(x, l)
# Poimenovanje x-oznake
 plt.xlabel('Jezik')
# Poimenovanje y-oznake
 plt.ylabel('rezultat')
# Poimenovanje naslova ploskve
 plt.title('Jezik proti rezultatu')
 fig
</py-script>
</body>

Ta koda proizvede naslednje rezultate:

Kakšna prihodnost ima PyScript?

Zmogljive nadzorne plošče in grafikone lahko ustvarite v HTML z uporabo knjižnic PyScript in Python, kot so Matplotlib, Bokeh, Seaborn itd. Vendar pa bi verjetno morali odložiti njegovo uporabo v proizvodnji, saj je v velikem razvoju. Programska oprema ima trenutno številne težave, vključno s časom nalaganja in uporabnostjo. V prihodnosti bo PyScript morda odprl vrata za bolj gladko izvajanje in izvajanje operacij Python v spletu.

Eden glavnih razlogov za razvoj PyScripta je bil pomagati podatkovnim znanstvenikom pri vizualizaciji podatkov na spletu. Če ste podatkovni znanstvenik, lahko izkoristite moč PyScripta tako, da ga združite s podatkovnimi knjižnicami, kot sta Pandas in NumPy.