PyScript je okvir, zgrajen s Pyodide, ki vam omogoča zagon kode Python v brskalniku. Še vedno je v povojih, vendar je ekipa razvijalcev pred kratkim izdala beta različico.

Z uporabo orodja lahko razvijalci zapišejo Python neposredno v HTML, ne da bi potrebovali zaledno stran strežnika, kot sta Flask ali Django.

Čeprav je še vedno v beta različici, PyScript že ima nekaj impresivnih funkcij, ki jih je vredno preizkusiti.

1. Enostaven za nastavitev

Začetek uporabe PyScript je tako enostaven kot povezava na njegov CDN v glavi HTML. Prav tako lahko prenesete njegovo izvorno kodo in gostite datoteke projekta na svojem spletnem mestu. Medtem ko ima zadnja možnost nekaj majhnih prednosti, je povezovanje s CDN lažje.

Če želite začeti uporabljati PyScript, lahko vključite njegove datoteke JavaScript in CSS na naslednji način:

<glavo>
<povezava rel="slogovna lista" href="https://pyscript.net/alpha/pyscript.css" />
<skript odloži src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

2. Python zapišite neposredno v HTML

instagram viewer

Vaša koda Python se nahaja znotraj meri py-skript oznako v telesu dokumenta. Datoteka JavaScript PyScript bo nato interpretirala svojo vsebino s Pythonom. Določite lahko element HTML, kot je div, v katerega PyScript piše izhodne podatke.

Tukaj je primer postavitve:

<telo>
<div id="vsebnik python"></div>
<py-script izhod ="vsebnik python">
natisni ("Pozdravljen, svet")
</py-script>
</body>

Ne pozabite, da je zamik pomemben v vaši kodi Python. Da bi se izognili, boste morali biti previdni pri pravilnem zamiku napaka zamika Python.

3. Uvozite in izolirajte standardne module Python

Druga edinstvena lastnost PyScript je, da vam omogoča ločevanje odvisnosti od množice. To pomeni, da boste navedli odvisnost v glavi HTML, preden jo lahko uvozite. Vse odvisnosti so znotraj a py-env oznaka v razdelku glave HTML:

<!DOCTYPE html>
<html>
<glavo>
<povezava rel="slogovna lista" href="https://pyscript.net/alpha/pyscript.css" />
<skript odloži src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- numpy
- pande
- openpyxl
- matplotlib
</py-env>
</head>
<telo>
<py-skript>
uvoz pande
</py-script>
</body>
</html>

4. Uvozite in uporabite svoje lokalne module in datoteke

Pri uporabi PyScript vam ni treba napisati vse kode Python neposredno v datoteke HTML. Napišete lahko funkcije oz moduli Python po meri znotraj ločenih datotek, jih navedite v py-env označite in jih uvozite. To olajša pisanje čistejše in berljive kode.

Vendar pa boste morali opozoriti na py-env označite poti vaših lokalnih modulov. Podobno boste navedli vse lokalne datoteke, ki jih želite uporabiti v svoji kodi Python. Na primer, če berete Excelovo datoteko s Pandas, boste morali določiti njeno pot:

<py-env>
- numpy
# Lokalni moduli in datoteke so tukaj:
- poti:
- /main.py
- /pot_do_excel_datoteke.xlsx
</py-env>

5. Upodobite vizualizacije neposredno v DOM

Skupna raba vizualizacij in nadzornih plošč je lahko težavna naloga. PyScript vam omogoča, da prikažete svoje zgodbe in vizualizacije Python neposredno v brskalniku, ne da bi uporabljali rešitve, ki temeljijo na strežniku. Excelov list lahko celo napišete v DOM kot HTML.

Na primer, z zahtevanimi odvisnostmi v a Virtualno okolje Python lahko narišete podatke iz Excelove datoteke:

<!DOCTYPE html>
<html>
<glavo>
<povezava rel="slogovna lista" href="https://pyscript.net/alpha/pyscript.css" />
<skript odloži src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- pande
- matplotlib
# Lokalni moduli in datoteke so tukaj:
- poti:
- /pot_do_excel_datoteke.xlsx
</py-env>
</head>
<telo>
<div id="vsebnik python"></div>
<py-script izhod ="vsebnik python">
uvoz pande kot pd
uvoz matplotlib.pyplot kot plt
df = pd.read_excel("excel_file_name.xlsx")
x = df["mesecev"]
y = df["stopnja rasti"]
fig, ax = plt.subplots()
sekira.plot(x, y)
sl
</py-script>
</body>
</html>

Več informacij o PyScript lahko najdete prek njegovega PREBERI ME na Githubu ali Uradno spletno mesto PyScript.

PyScript daje Pythonu zagon

Ena od pomanjkljivosti Pythona je nezmožnost neposrednega dela znotraj DOM-a. In to je eden od razlogov, zakaj JavaScript ostaja pred njim pri spletnem razvoju. Uvod PyScript bi to lahko spremenil, če bi lahko dosegel raven funkcionalnosti JavaScripta. Kljub temu je PyScript priročno orodje, saj vam bo pomagal zlahka gostiti in deliti svoje projekte Python. Vendar ne pozabite, da se nekatere funkcije lahko pokvarijo, saj je PyScript še vedno eksperimentalni okvir.

Kaj pričakovati v prihajajoči izdaji Python 3.11

Preberite Naprej

DelitiTweetDelitiE-naslov

Povezane teme

  • Programiranje
  • Python
  • Spletni razvoj
  • HTML

O avtorju

Idowu Omisola (Objavljenih 147 člankov)

Idowu je navdušen nad vsemi pametnimi tehnologijami in produktivnostjo. V prostem času se igra s kodiranjem in, ko mu je dolgčas, preklopi na šahovnico, rad pa se občasno odmakne od rutine. Njegova strast, da ljudem pokaže pot okoli sodobne tehnologije, ga motivira, da piše več.

Več od Idowu Omisola

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e-knjige in ekskluzivne ponudbe!

Kliknite tukaj, da se naročite