PyScript to framework, zbudowany z Pyodide, pozwalający na uruchamianie kodu Pythona w przeglądarce. Jest wciąż w powijakach, ale zespół programistów wydał niedawno wersję beta.

Korzystając z tego narzędzia, programiści mogą pisać Pythona bezpośrednio w HTML, bez potrzeby korzystania z zaplecza serwera, takiego jak Flask lub Django.

Chociaż wciąż jest w wersji beta, PyScript już zawiera kilka imponujących funkcji, które warto wypróbować.

1. Łatwy w konfiguracji

Rozpoczęcie pracy z PyScript jest tak proste, jak połączenie się z jego CDN w nagłówku HTML. Możesz również pobrać jego kod źródłowy i hostować pliki projektu we własnej witrynie. Chociaż ta druga opcja ma pewne niewielkie korzyści, łączenie się z CDN jest łatwiejsze.

Aby rozpocząć korzystanie z PyScript, możesz dołączyć jego pliki JavaScript i CSS, takie jak:

<głowa>
<link rel="arkusz stylów" href="https://pyscript.net/alpha/pyscript.css" />
<odroczenie skryptu src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

2. Napisz Pythona bezpośrednio w HTML

instagram viewer

Twój kod Pythona znajduje się wewnątrz niestandardowego py-skrypt znacznik w treści dokumentu. Plik JavaScript PyScript zinterpretuje swoją zawartość za pomocą Pythona. Możesz określić element HTML, taki jak div, do którego PyScript ma zapisywać dane wyjściowe.

Oto przykładowy układ:

<ciało>
<dziel id="pyton-kontener"></div>
<wyjście skryptu py="pyton-kontener">
wydrukować("Witaj świecie")
</py-script>
</body>

Pamiętaj, że wcięcia są istotne w twoim kodzie Pythona. Musisz uważać na prawidłowe wcięcie, aby tego uniknąć błąd wcięcia w Pythonie.

3. Importuj i izoluj standardowe moduły Pythona

Kolejną unikalną cechą PyScript jest to, że pozwala oddzielić zależności od zbiorczych. Oznacza to, że przed zaimportowaniem umieścisz zależność w nagłówku HTML. Wszystkie zależności siedzą wewnątrz a py-env tag w sekcji nagłówka HTML:

<!DOCTYPE html>
<html>
<głowa>
<link rel="arkusz stylów" href="https://pyscript.net/alpha/pyscript.css" />
<odroczenie skryptu src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- numpy
- pandy
- openpyxl
- matplotlib
</py-env>
</head>
<ciało>
<py-skrypt>
import pandy
</py-script>
</body>
</html>

4. Importuj i używaj własnych lokalnych modułów i plików

Nie musisz pisać całego kodu Pythona bezpośrednio w plikach HTML, gdy używasz PyScript. Możesz pisać funkcje lub niestandardowe moduły Pythona wewnątrz oddzielnych plików, wymień je w py-env i zaimportuj je. Ułatwia to pisanie czystszego i czytelnego kodu.

Musisz jednak wskazać py-env do lokalnych ścieżek modułów. Podobnie, wymienisz każdy lokalny plik, którego chcesz użyć w swoim kodzie Pythona. Na przykład, jeśli czytasz plik Excela za pomocą Pand, musisz określić jego ścieżkę:

<py-env>
- numpy
# Lokalne moduły i pliki są dostępne tutaj:
- ścieżki:
 - /główny.py 
 - /ścieżka_do_pliku_excel.xlsx
</py-env>

5. Renderuj wizualizacje bezpośrednio do DOM

Udostępnianie wizualizacji i pulpitów nawigacyjnych może być trudnym zadaniem. PyScript umożliwia wyświetlanie scenorysów i wizualizacji w języku Python bezpośrednio w przeglądarce bez korzystania z rozwiązań serwerowych. Możesz nawet zapisać arkusz Excela w DOM jako HTML.

Na przykład z wymaganymi zależnościami w a Wirtualne środowisko Pythona możesz wykreślić dane z pliku Excel:

<!DOCTYPE html>
<html>
<głowa>
<link rel="arkusz stylów" href="https://pyscript.net/alpha/pyscript.css" />
<odroczenie skryptu src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- pandy
- matplotlib
# Lokalne moduły i pliki są dostępne tutaj:
- ścieżki:
 - /ścieżka_do_pliku_excel.xlsx
</py-env>
</head>
<ciało>
<dziel id="pyton-kontener"></div>
<wyjście skryptu py="pyton-kontener">
import pandy jak pd
import matplotlib.pyplot jak plt
df = pd.odczyt_excel("nazwa_pliku_excel.xlsx")
x = df["Miesiące"]
y = df["tempo wzrostu"]
rys, topór = plt.podwykres()
topór.intrygować(x, tak)
Figa
</py-script>
</body>
</html>

Więcej informacji o PyScript znajdziesz w jego README na Github albo Oficjalna strona PyScript.

PyScript daje Pythonowi impuls

Jedną z wad Pythona jest brak możliwości pracy bezpośrednio w DOM. I to jest jeden z powodów, dla których JavaScript wyprzedza go w tworzeniu stron internetowych. Wprowadzenie PyScript może to zmienić, jeśli może osiągnąć poziom funkcjonalności JavaScript. Niemniej jednak PyScript jest przydatnym narzędziem, ponieważ pomoże Ci łatwo hostować i udostępniać projekty Pythona. Należy jednak pamiętać, że niektóre funkcje mogą się zepsuć, ponieważ PyScript jest wciąż eksperymentalną strukturą.

Czego można się spodziewać w nadchodzącym wydaniu Pythona 3.11

Czytaj dalej

UdziałĆwierkaćUdziałE-mail

Powiązane tematy

  • Programowanie
  • Pyton
  • Tworzenie stron internetowych
  • HTML

O autorze

Idowu Omisola (147 opublikowanych artykułów)

Idowu pasjonuje się każdą inteligentną technologią i produktywnością. W wolnych chwilach bawi się kodowaniem, a gdy się nudzi, przechodzi na szachownicę, ale od czasu do czasu uwielbia też oderwać się od rutyny. Jego pasja do pokazywania ludziom drogi do nowoczesnych technologii motywuje go do pisania więcej.

Więcej od Idowu Omisola

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować