PyScript je okvir, izgrađen s Pyodideom, koji vam omogućuje pokretanje Python koda u pregledniku. Još je u povojima, ali dev tim je nedavno objavio beta verziju.

Koristeći alat, programeri mogu pisati Python izravno unutar HTML-a, bez potrebe za pozadinom poslužitelja kao što je Flask ili Django.

Iako je još uvijek u beta verziji, PyScript već dolazi s nekim impresivnim značajkama koje vrijedi isprobati.

1. Jednostavan za postavljanje

Početak rada s PyScriptom jednostavan je kao povezivanje s njegovim CDN-om u HTML glavi. Također možete preuzeti njegov izvorni kod i ugostiti datoteke projekta na vlastitom web-mjestu. Iako potonja opcija ima neke male prednosti, povezivanje s CDN-om je lakše.

Da biste počeli koristiti PyScript, možete uključiti njegove JavaScript i CSS datoteke na sljedeći način:

<glava>
<veza rel="tablica stilova" href="https://pyscript.net/alpha/pyscript.css" />
<skripta odgodi src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

2. Napišite Python izravno unutar HTML-a

instagram viewer

Vaš Python kod nalazi se unutar prilagođenog py-skripta oznaku unutar tijela dokumenta. PyScript JavaScript datoteka će zatim interpretirati svoj sadržaj pomoću Pythona. Možete odrediti HTML element, kao što je div, u koji će PyScript pisati izlaz.

Evo primjera izgleda:

<tijelo>
<div id="python-kontejner"></div>
<py-script izlaz="python-kontejner">
ispis ("Pozdrav svijete")
</py-script>
</body>

Zapamtite da je uvlačenje značajno u vašem Python kodu. Morat ćete paziti na ispravno uvlačenje kako biste izbjegli pogreška uvlačenja u Pythonu.

3. Uvezite i izolirajte Python standardne module

Još jedna jedinstvena značajka PyScript-a je da vam omogućuje odvajanje ovisnosti od skupnog. To znači da ćete navesti ovisnost u svojoj HTML glavi prije nego što je uvezete. Sve ovisnosti nalaze se unutar a py-env oznaka unutar HTML odjeljka glave:

<!DOCTYPE html>
<html>
<glava>
<veza rel="tablica stilova" href="https://pyscript.net/alpha/pyscript.css" />
<skripta odgodi src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- numpy
- pande
- openpyxl
- matplotlib
</py-env>
</head>
<tijelo>
<py-skripta>
uvoz pande
</py-script>
</body>
</html>

4. Uvezite i koristite vlastite lokalne module i datoteke

Ne morate pisati sav svoj Python kod izravno u HTML datoteke kada koristite PyScript. Možete napisati funkcije ili prilagođeni Python moduli unutar zasebnih datoteka, navedite ih u py-env označite i uvezite ih. To olakšava pisanje čistijeg i čitljivog koda.

Međutim, morat ćete ukazati na py-env označite na putove vašeg lokalnog modula. Slično, navest ćete svaku lokalnu datoteku koju želite koristiti u svom Python kodu. Na primjer, ako čitate Excel datoteku s Pandasom, morat ćete navesti njezin put:

<py-env>
- numpy
# Lokalni moduli i datoteke idu ovdje:
- staze:
- /main.py
- /put_do_excel_datoteke.xlsx
</py-env>

5. Renderirajte vizualizacije izravno u DOM

Dijeljenje vizualizacija i nadzornih ploča može biti težak zadatak. PyScript vam omogućuje da prikažete svoje Python ploče scenarija i vizualizacije izravno unutar preglednika bez korištenja rješenja temeljenih na poslužitelju. Možete čak i napisati Excel list u DOM kao HTML.

Na primjer, s potrebnim ovisnostima u a Python virtualno okruženje možete iscrtati podatke iz Excel datoteke:

<!DOCTYPE html>
<html>
<glava>
<veza rel="tablica stilova" href="https://pyscript.net/alpha/pyscript.css" />
<skripta odgodi src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- pande
- matplotlib
# Lokalni moduli i datoteke idu ovdje:
- staze:
- /put_do_excel_datoteke.xlsx
</py-env>
</head>
<tijelo>
<div id="python-kontejner"></div>
<py-script izlaz="python-kontejner">
uvoz pande kao pd
uvoz matplotlib.pyplot kao plt
df = pd.read_excel("excel_file_name.xlsx")
x = df["mjeseci"]
y = df["brzina rasta"]
fig, ax = plt.subplots()
sjekira.zemljište(x, y)
sl
</py-script>
</body>
</html>

Više informacija o PyScriptu možete pronaći putem njegove PROČITAJTE ME na Githubu ili PyScript službena web stranica.

PyScript daje poticaj Pythonu

Jedan od nedostataka Pythona je njegova nemogućnost izravnog rada unutar DOM-a. I to je jedan od razloga zašto JavaScript ostaje ispred njega u razvoju weba. Uvod u PyScript to bi mogao promijeniti ako može postići razinu funkcionalnosti JavaScripta. Ipak, PyScript je zgodan alat jer će vam pomoći da lako hostirate i dijelite svoje Python projekte. Međutim, imajte na umu da bi se neke značajke mogle pokvariti jer je PyScript još uvijek eksperimentalni okvir.

Što očekivati ​​u nadolazećem izdanju Pythona 3.11

Pročitajte dalje

UdioCvrkutUdioE-mail

Povezane teme

  • Programiranje
  • Piton
  • Web razvoj
  • HTML

O autoru

Idowu Omisola (Objavljeno 147 članaka)

Idowu je strastven za sve pametne tehnologije i produktivnost. U slobodno vrijeme igra se s kodiranjem i prelazi na šahovsku ploču kad mu je dosadno, ali voli se s vremena na vrijeme otrgnuti od rutine. Njegova strast da ljudima pokaže put oko moderne tehnologije motivira ga da piše više.

Više od Idowua Omisole

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e-knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu