Python er mye brukt for dataanalyse, maskinlæring, nettskraping og mye mer. Men visste du at du også kan kjøre Python-kode i HTML for å bygge nettapplikasjoner?
PyScript gjør det mulig, slik at du kan kjøre Python-kode i en nettleser. Lær hvordan du legger til matplotlib-visualiseringer på en nettside ved hjelp av flere PyScript-HTML-eksempler.
Hva er PyScript?
PyScript er et åpen kildekode-nettrammeverk som lar deg kjøre Python i nettleseren. Den integrerer HTML-grensesnittet og kraften til Pyodide, WASM og moderne nettteknologier. PyScript er for tiden i utviklingsfasen, men det har noen spennende funksjoner allerede. Potensielt kan det bli et verktøy for å lage kraftige nettapplikasjoner.
Koden som brukes i dette prosjektet er tilgjengelig i en GitHub-depot og er gratis for deg å bruke under MIT-lisensen. Hvis du vil ta en titt på en liveversjon av dette prosjektet, kan du sjekke ut linjediagram og barplot demoer.
Sett opp HTML Boilerplate
Før du bruker PyScript, må du sette opp ting. Opprett en ny HTML-fil og sett opp HTML-oversikten. Mest
moderne IDE-er gi funksjonaliteten til å lage boilerplates automatisk. Du trenger bare å skrive dok eller html og trykk enter. Du kan også bruke følgende mal for å komme i gang:<!DOCTYPE html>
<html>
<hode>
<metategnsett="utf-8">
<meta http-equiv="X-UA-kompatibel" innhold="IE = kant">
<tittel></title>
<metanavn="beskrivelse" innhold="">
<metanavn="viewport" innhold="width=enhetsbredde, initial-skala=1">
</head>
<kropp>
</body>
</html>
Legg PyScript til HTML: "Hello, World!" Bruker PyScript
Du kan bruke PyScript i HTML-filen din ved å enten laste den ned eller koble dens CDN i HTML-hodet. Legg til følgende i delen av HTML-filen din:
<link rel="stilark" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>Det er alt du trenger å gjøre for å sette opp PyScript.
For å bekrefte om PyScript ble vellykket integrert, legg til følgende kodelinje i seksjon:
<kropp>
<py-script>skrive ut("Hei Verden!")</py-script>
</body>Åpne HTML-filen i en hvilken som helst nettleser og du vil se Hei Verden! trykt der.
Last ned Matplotlib-biblioteket
Du må bruke koder for å importere Python-moduler. Last inn matplotlib modul i delen av HTML-filen ved hjelp av følgende kodebit:
<py-env>
- matplotlib
</py-env>Vis et linjeplott i nettleseren ved å bruke PyScript
Lage en med en id. Du trenger id å bruke den med produksjon egenskapen til stikkord.
<div id="matplotlib-linjeplot"></div>Du må skrive Python-koden i stikkord. Tilordne ovenstående id til produksjon egenskapen til stikkord.
<py-script output="matplotlib-linjeplot">
# Python-kode
</py-script>Du er nå klar til å skrive Python-koden for å lage et linjeplott:
<kropp>
<div id="matplotlib-linjeplot"></div>
<py-script output="matplotlib-linjeplot">
# Python-kode
# importerer matplotlib-biblioteket
import matplotlib.pyplot som plt
fig, ax = plt.subplots()
# x-akse
x = ["Python", "C++", "JavaScript", "Golang"]
# y-akse
y = [10, 5, 9, 7]
plt.plot (x, y, markør='o', linjestil='-', farge='b')
# Navngi x-etiketten
plt.xlabel('Språk')
# Navngi y-etiketten
plt.ylabel('Score')
# Navngi tittelen på plottet
plt.title('Språk vs poengsum')
Fig
</py-script>
</body>
Du vil få følgende figur gjengitt når du åpner HTML-filen i nettleseren:
Vis et søyleplott i nettleseren ved å bruke PyScript
Du kan lage et søyleplott i nettleseren ved å bruke følgende Python-kodebit:
<kropp>
<div id="matplotlib-bar"></div>
<py-script output="matplotlib-bar">
# Python-kode
# importerer matplotlib-biblioteket
import matplotlib.pyplot som plt
fig, ax = plt.subplots()
# x-akse
x = ["Python", "C++", "JavaScript", "Golang"]
# y-akse
y = [10, 5, 9, 7]
plt.bar(x, y)
# Navngi x-etiketten
plt.xlabel('Språk')
# Navngi y-etiketten
plt.ylabel('Score')
# Navngi tittelen på plottet
plt.title('Språk vs poengsum')
Fig
</py-script>
</body>
Denne koden produserer følgende utgang:
Hvilken fremtid har PyScript?
Du kan bygge kraftige dashbord og diagrammer i HTML ved å bruke PyScript- og Python-biblioteker som Matplotlib, Bokeh, Seaborn, og så videre. Imidlertid bør du sannsynligvis avstå fra å bruke den i produksjon, da den er under tung utvikling. Programvaren har for tiden flere problemer, inkludert lastetid og brukervennlighet. I fremtiden kan PyScript åpne porter for å kjøre og utføre Python-operasjoner på nettet mer jevnt.
En av hovedgrunnene til å utvikle PyScript var å hjelpe dataforskere med å visualisere data på nettet. Hvis du er en dataforsker, kan du utnytte kraften til PyScript ved å kombinere den med datavitenskapsbiblioteker som Pandas og NumPy.
