PyScript on Pyodiden kanssa rakennettu kehys, jonka avulla voit ajaa Python-koodia selaimessa. Se on vielä lapsenkengissään, mutta kehitystiimi on äskettäin julkaissut beta-version.

Työkalun avulla kehittäjät voivat kirjoittaa Pythonin suoraan HTML: ään ilman palvelimen taustaa, kuten Flask tai Django.

Vaikka PyScript on vielä betavaiheessa, siinä on jo joitain vaikuttavia ominaisuuksia, joita kannattaa kokeilla.

1. Helppo asentaa

PyScriptin käytön aloittaminen on yhtä helppoa kuin linkittäminen sen CDN: ään HTML-päässäsi. Voit myös ladata sen lähdekoodin ja isännöidä projektin tiedostoja omalla sivustollasi. Vaikka jälkimmäisellä vaihtoehdolla on joitain pieniä etuja, linkittäminen CDN: ään on helpompaa.

Voit aloittaa PyScriptin käytön lisäämällä sen JavaScript- ja CSS-tiedostot, kuten:

<pää>
<linkki rel="tyylisivu" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

2. Kirjoita Python suoraan HTML: ään

Python-koodisi on mukautetun koodin sisällä

instagram viewer
py-script -tunniste dokumentin rungossa. PyScript JavaScript -tiedosto tulkitsee sitten sisällön Pythonilla. Voit määrittää HTML-elementin, kuten div, johon PyScript kirjoittaa tulosteen.

Tässä on esimerkki asettelusta:

<kehon>
<div id="python-säilö"></div>
<py-script output="python-säilö">
Tulosta("Hei maailma")
</py-script>
</body>

Muista, että sisennys on tärkeä Python-koodissasi. Sinun on oltava varovainen sisennystäksesi oikein välttääksesi Python Indentation Error.

3. Tuo ja eristä Python-standardimoduulit

Toinen PyScriptin ainutlaatuinen ominaisuus on, että sen avulla voit erottaa riippuvuudet massasta. Tämä tarkoittaa, että lisäät riippuvuuden HTML-päähän ennen kuin voit tuoda sen. Kaikki riippuvuudet sijaitsevat a: n sisällä py-env tagi HTML head -osiossa:

<!DOCTYPE html>
<html>
<pää>
<linkki rel="tyylisivu" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- nuhjuinen
-pandat
- openpyxl
- matplotlib
</py-env>
</head>
<kehon>
<py-script>
tuonti pandat
</py-script>
</body>
</html>

4. Tuo ja käytä omia paikallisia moduulejasi ja tiedostojasi

Sinun ei tarvitse kirjoittaa kaikkea Python-koodiasi suoraan HTML-tiedostoihisi, kun käytät PyScriptiä. Voit kirjoittaa funktioita tai mukautettuja Python-moduuleja luettele ne erillisten tiedostojen sisällä py-env ja tuo ne. Tämä helpottaa selkeämmän ja luettavamman koodin kirjoittamista.

Sinun on kuitenkin osoitettava py-env tunniste paikalliseen moduulipolkuun. Samoin luettelet kaikki paikalliset tiedostot, joita haluat käyttää Python-koodissasi. Jos esimerkiksi luet Excel-tiedostoa Pandasin kanssa, sinun on määritettävä sen polku:

<py-env>
- nuhjuinen
# Paikalliset moduulit ja tiedostot menevät tänne:
- polut:
 - /main.py 
 - /polku_excel_tiedostoon.xlsx
</py-env>

5. Renderöi visualisoinnit suoraan DOM: iin

Visualisaatioiden ja kojelaudoiden jakaminen voi olla hankala tehtävä. PyScriptin avulla voit näyttää Python-käsikirjoituksiasi ja visualisointejasi suoraan selaimessa ilman palvelinpohjaisia ​​ratkaisuja. Voit jopa kirjoittaa Excel-taulukon DOM: iin HTML-muodossa.

Esimerkiksi vaadituilla riippuvuuksilla kohdassa a Python-virtuaaliympäristö voit piirtää tiedot Excel-tiedostosta:

<!DOCTYPE html>
<html>
<pää>
<linkki rel="tyylisivu" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
-pandat
- matplotlib
# Paikalliset moduulit ja tiedostot menevät tänne:
- polut:
 - /polku_excel_tiedostoon.xlsx
</py-env>
</head>
<kehon>
<div id="python-säilö"></div>
<py-script output="python-säilö">
tuonti pandat kuten pd
tuonti matplotlib.pyplot kuten plt
df = pd.read_excel("excel_tiedoston_nimi.xlsx")
x = df["Kuukaudet"]
y = df["kasvuvauhti"]
kuva, ax = plt.subplots()
kirves.juonti(x, y)
kuva
</py-script>
</body>
</html>

Saat lisätietoja PyScriptistä sen kautta README Githubissa tai PyScript virallinen verkkosivusto.

PyScript antaa Pythonille vauhtia

Yksi Pythonin puutteista on sen kyvyttömyys toimia suoraan DOM: n sisällä. Ja tämä on yksi syy, miksi JavaScript pysyy edellä web-kehityksessä. PyScriptin käyttöönotto saattaa muuttaa tämän, jos se voi saavuttaa JavaScriptin toiminnallisuustason. PyScript on kuitenkin kätevä työkalu, koska sen avulla voit isännöidä ja jakaa Python-projektejasi helposti. Muista kuitenkin, että jotkin ominaisuudet voivat rikkoutua, koska PyScript on edelleen kokeellinen kehys.

Mitä odottaa tulevassa Python 3.11 -julkaisussa

Lue Seuraava

JaaTweetJaaSähköposti

Liittyvät aiheet

  • Ohjelmointi
  • Python
  • Verkkokehitys
  • HTML

Kirjailijasta

Idowu Omisola (147 artikkelia julkaistu)

Idowu on intohimoinen kaikkeen älykkääseen teknologiaan ja tuottavuuteen. Vapaa-ajallaan hän leikkii koodaamalla ja vaihtuu shakkilaudan ääreen, kun on kyllästynyt, mutta hän myös pitää välillä irtautumisesta rutiineista. Hänen intohimonsa näyttää ihmisille tietä modernin tekniikan parissa motivoi häntä kirjoittamaan lisää.

Lisää Idowu Omisolalta

tilaa uutiskirjeemme

Liity uutiskirjeemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia ​​e-kirjoja ja eksklusiivisia tarjouksia!

Klikkaa tästä tilataksesi