PyScript je rámec vytvorený pomocou Pyodide, ktorý vám umožňuje spúšťať kód Pythonu v prehliadači. Je to stále v plienkach, ale tím vývojárov nedávno vydal beta verziu.

Pomocou tohto nástroja môžu vývojári písať Python priamo do HTML bez potreby serverového backendu ako Flask alebo Django.

Hoci je PyScript stále vo verzii beta, už prichádza s niekoľkými pôsobivými funkciami, ktoré stojí za to vyskúšať.

1. Jednoduché nastavenie

Začať s PyScriptom je rovnako jednoduché ako prepojenie s jeho CDN v hlave HTML. Môžete si tiež stiahnuť jeho zdrojový kód a hostiť súbory projektu na svojej vlastnej stránke. Zatiaľ čo druhá možnosť má určité malé výhody, prepojenie s CDN je jednoduchšie.

Ak chcete začať používať PyScript, môžete zahrnúť jeho súbory JavaScript a CSS, ako napríklad:

<hlavu>
<odkaz rel="štýlov" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

2. Napíšte Python priamo do HTML

Váš Python kód sedí vo vnútri vlastného

instagram viewer
py-script tag v tele dokumentu. Súbor PyScript JavaScript potom interpretuje svoj obsah pomocou jazyka Python. Môžete zadať prvok HTML, ako napríklad div, do ktorého PyScript zapíše výstup.

Tu je príklad rozloženia:

<telo>
<div id="python-kontajner"></div>
<výstup py-script="python-kontajner">
vytlačiť ("Ahoj svet")
</py-script>
</body>

Pamätajte, že odsadenie je vo vašom kóde Python dôležité. Aby ste sa vyhli, musíte si dávať pozor na správne odsadenie a Python IndentationError.

3. Importujte a izolujte štandardné moduly Pythonu

Ďalšou jedinečnou vlastnosťou PyScriptu je, že vám umožňuje oddeliť závislosti od množstva. To znamená, že pred importovaním uvediete závislosť v hlavičke HTML. Všetky závislosti sedia vo vnútri a py-env značka v sekcii hlavičky HTML:

<!DOCTYPE html>
<html>
<hlavu>
<odkaz rel="štýlov" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- nemotorný
- pandy
- openpyxl
- matplotlib
</py-env>
</head>
<telo>
<py-script>
importovať pandy
</py-script>
</body>
</html>

4. Importujte a používajte svoje vlastné lokálne moduly a súbory

Pri používaní jazyka PyScript nemusíte písať celý svoj kód Python priamo do súborov HTML. Môžete písať funkcie resp vlastné moduly Pythonu v samostatných súboroch, uveďte ich v py-env a importovať ich. To uľahčuje písanie čistejšieho a čitateľného kódu.

Budete však musieť poukázať na py-env tag na cesty k vášmu lokálnemu modulu. Podobne uvediete každý lokálny súbor, ktorý chcete použiť v kóde Pythonu. Napríklad, ak čítate súbor Excel pomocou Pandas, budete musieť zadať jeho cestu:

<py-env>
- nemotorný
# Miestne moduly a súbory sú tu:
- cesty:
 - /main.py 
 - /cesta_k_suboru_excel.xlsx
</py-env>

5. Vykresľovanie vizualizácií priamo do DOM

Zdieľanie vizualizácií a dashboardov môže byť zložitá úloha. PyScript vám umožňuje zobraziť vaše Python storyboardy a vizualizácie priamo v prehliadači bez použitia serverových riešení. Môžete dokonca napísať hárok programu Excel do DOM ako HTML.

Napríklad s požadovanými závislosťami v a Virtuálne prostredie Python môžete vykresliť údaje zo súboru programu Excel:

<!DOCTYPE html>
<html>
<hlavu>
<odkaz rel="štýlov" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- pandy
- matplotlib
# Miestne moduly a súbory sú tu:
- cesty:
 - /cesta_k_suboru_excel.xlsx
</py-env>
</head>
<telo>
<div id="python-kontajner"></div>
<výstup py-script="python-kontajner">
importovať pandy ako pd
importovať matplotlib.pyplot ako plt
df = pd.read_excel("excel_file_name.xlsx")
x = df["mesiacov"]
y = df["tempo rastu"]
obr, ax = plt.subplots()
sekera.zápletka(X, r)
obr
</py-script>
</body>
</html>

Viac informácií o jazyku PyScript nájdete na jeho stránke README na Github alebo Oficiálna webová stránka PyScript.

PyScript dáva Pythonu podporu

Jedným z nedostatkov Pythonu je jeho neschopnosť pracovať priamo v rámci DOM. A to je jeden z dôvodov, prečo je JavaScript pred ním vo vývoji webu. Úvod PyScriptu to môže zmeniť, ak dokáže dosiahnuť úroveň funkčnosti JavaScriptu. PyScript je však užitočný nástroj, pretože vám pomôže ľahko hostiť a zdieľať vaše projekty Python. Majte však na pamäti, že niektoré funkcie môžu prestať fungovať, pretože PyScript je stále experimentálny rámec.

Čo môžete očakávať v pripravovanom vydaní Pythonu 3.11

Prečítajte si ďalej

zdieľamTweetujtezdieľamEmail

Súvisiace témy

  • Programovanie
  • Python
  • Vývoj webových aplikácií
  • HTML

O autorovi

Idowu Omisola (147 publikovaných článkov)

Idowu je nadšený z akejkoľvek inteligentnej technológie a produktivity. Vo voľnom čase sa hrá s kódovaním a keď sa nudí, prepne na šachovnicu, no tiež sa rád raz za čas odpúta od rutiny. Jeho vášeň ukázať ľuďom cestu okolo moderných technológií ho motivuje k ďalšiemu písaniu.

Viac od Idowu Omisola

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné e-knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber