Python er meget brugt til dataanalyse, maskinlæring, web-skrabning og meget mere. Men vidste du, at du også kan køre Python-kode i HTML for at bygge webapplikationer?
PyScript gør det muligt, så du kan køre Python-kode i en browser. Lær, hvordan du tilføjer matplotlib-visualiseringer til en webside ved hjælp af flere PyScript-HTML-eksempler.
Hvad er PyScript?
PyScript er en open source webramme, der lader dig køre Python i webbrowseren. Det integrerer HTML-grænsefladen og kraften i Pyodide, WASM og moderne webteknologier. PyScript er i øjeblikket i udviklingsfasen, men det har allerede nogle spændende funktioner. Potentielt kan det blive et værktøj til at skabe kraftfulde webapplikationer.
Koden brugt i dette projekt er tilgængelig i en GitHub-depot og er gratis for dig at bruge under MIT-licensen. Hvis du vil have et kig på en live version af dette projekt, kan du tjekke linjeplot og barplot demoer.
Opsæt HTML Boilerplate
Før du bruger PyScript, skal du sætte tingene op. Opret en ny HTML-fil og opsæt HTML-kedelpladen. Mest
moderne IDE'er give funktionaliteten til automatisk at oprette kedelplader. Du behøver kun at skrive dok eller html og tryk enter. Du kan også bruge følgende skabelon til at komme i gang:<!DOCTYPE html>
<html>
<hoved>
<meta tegnsæt="utf-8">
<meta http-equiv="X-UA-kompatibel" indhold="IE=kant">
<titel></title>
<metanavn="beskrivelse" indhold="">
<metanavn="viewport" indhold="width=enhedsbredde, initial-skala=1">
</head>
<legeme>
</body>
</html>
Tilføj PyScript til HTML: "Hej, verden!" Bruger PyScript
Du kan bruge PyScript i din HTML-fil ved enten at downloade den eller linke dens CDN i dit HTML-hoved. Tilføj følgende i sektion af din HTML-fil:
<link rel="stilark" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>Det er alt, du skal gøre for at konfigurere PyScript.
For at kontrollere, om PyScript blev integreret, skal du tilføje følgende kodelinje i afsnit:
<legeme>
<py-script>Print("Hej Verden!")</py-script>
</body>Åbn HTML-filen i en hvilken som helst webbrowser, og du vil se Hej Verden! trykt der.
Indlæs Matplotlib-biblioteket
Du skal bruge tags til at importere Python-moduler. Indlæs matplotlib modul i sektion af din HTML-fil ved hjælp af følgende kodestykke:
<py-env>
- matplotlib
</py-env>Vis et linjeplot i browseren ved hjælp af PyScript
Lave en med en id. Du skal bruge id at bruge det med produktion egenskab af tag.
<div id="matplotlib-lineplot"></div>Du skal skrive Python-koden i tag. Tildel ovenstående id til produktion egenskab af tag.
<py-script output="matplotlib-lineplot">
# Python-kode
</py-script>Du er nu klar til at skrive Python-koden for at oprette et linjeplot:
<legeme>
<div id="matplotlib-lineplot"></div>
<py-script output="matplotlib-lineplot">
# Python-kode
# importerer matplotlib-biblioteket
importere 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='-', farve='b')
# Navngivning af x-label
plt.xlabel('Sprog')
# Navngivning af y-mærket
plt.ylabel('Score')
# Navngivning af titlen på plottet
plt.title('Sprog vs Score')
fig
</py-script>
</body>
Du får følgende figur gengivet, når du åbner HTML-filen i webbrowseren:
Vis et søjleplot i browseren ved hjælp af PyScript
Du kan oprette et søjleplot i browseren ved hjælp af følgende Python-kodestykke:
<legeme>
<div id="matplotlib-bar"></div>
<py-script output="matplotlib-bar">
# Python-kode
# importerer matplotlib-biblioteket
importere 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)
# Navngivning af x-label
plt.xlabel('Sprog')
# Navngivning af y-mærket
plt.ylabel('Score')
# Navngivning af titlen på plottet
plt.title('Sprog vs Score')
fig
</py-script>
</body>
Denne kode producerer følgende output:
Hvilken fremtid byder PyScript på?
Du kan bygge kraftfulde dashboards og diagrammer i HTML ved hjælp af PyScript- og Python-biblioteker som Matplotlib, Bokeh, Seaborn og så videre. Du bør dog nok holde ud med at bruge det i produktionen, da det er under hård udvikling. Softwaren har i øjeblikket flere problemer, herunder indlæsningstid og brugervenlighed. I fremtiden kan PyScript åbne porte for at køre og udføre Python-operationer på nettet mere smidigt.
En af hovedårsagerne til at udvikle PyScript var at hjælpe dataforskere med at visualisere data på nettet. Hvis du er dataforsker, kan du udnytte kraften i PyScript ved at kombinere det med datavidenskabsbiblioteker som Pandas og NumPy.
