Η Python χρησιμοποιείται ευρέως για ανάλυση δεδομένων, μηχανική εκμάθηση, απόξεση ιστού και πολλά άλλα. Γνωρίζατε όμως ότι μπορείτε επίσης να εκτελέσετε κώδικα Python σε HTML για να δημιουργήσετε εφαρμογές Ιστού;
Το PyScript το καθιστά δυνατό, επιτρέποντάς σας να εκτελέσετε κώδικα Python σε ένα πρόγραμμα περιήγησης. Μάθετε πώς να προσθέτετε οπτικοποιήσεις matplotlib σε μια ιστοσελίδα με τη βοήθεια πολλών παραδειγμάτων PyScript-HTML.
Τι είναι το PyScript;
Το PyScript είναι ένα πλαίσιο web ανοιχτού κώδικα που σας επιτρέπει να εκτελείτε Python στο πρόγραμμα περιήγησης ιστού. Ενσωματώνει τη διεπαφή HTML και τη δύναμη των Pyodide, WASM και σύγχρονων τεχνολογιών Ιστού. Το PyScript βρίσκεται αυτή τη στιγμή στη φάση ανάπτυξης, αλλά έχει ήδη μερικά συναρπαστικά χαρακτηριστικά. Δυνητικά, θα μπορούσε να γίνει ένα εργαλείο για τη δημιουργία ισχυρών εφαρμογών Ιστού.
Ο κώδικας που χρησιμοποιείται σε αυτό το έργο είναι διαθέσιμος στο α Αποθετήριο GitHub και είναι δωρεάν για χρήση βάσει της άδειας MIT. Αν θέλετε να ρίξετε μια ματιά σε μια ζωντανή έκδοση αυτού του έργου, μπορείτε να δείτε το
οικόπεδο και barplot επιδείξεις.Ρύθμιση HTML Boilerplate
Πριν χρησιμοποιήσετε το PyScript, πρέπει να ρυθμίσετε τα πράγματα. Δημιουργήστε ένα νέο αρχείο HTML και ρυθμίστε το boilerplate HTML. Πλέον σύγχρονα IDE παρέχουν τη δυνατότητα αυτόματης δημιουργίας πλακών λέβητα. Χρειάζεται μόνο να πληκτρολογήσετε έγγρ ή html και πατήστε enter. Μπορείτε επίσης να χρησιμοποιήσετε το ακόλουθο πρότυπο για να ξεκινήσετε:
<!DOCTYPE html>
<html>
<κεφάλι>
<meta charset="utf-8">
<meta http-equiv="X-UA-Συμβατό" περιεχόμενο="IE=ακμή">
<τίτλος></title>
<μετα όνομα="περιγραφή" περιεχόμενο="">
<μετα όνομα="θέαση" περιεχόμενο="πλάτος=πλάτος συσκευής, αρχική κλίμακα=1">
</head>
<σώμα>
</body>
</html>
Προσθήκη PyScript σε HTML: "Hello, World!" Χρησιμοποιώντας PyScript
Μπορείτε να χρησιμοποιήσετε το PyScript στο αρχείο HTML είτε κατεβάζοντας το είτε συνδέοντας το CDN του στην κεφαλή HTML. Προσθέστε τα παρακάτω στο ενότητα του αρχείου HTML σας:
<σύνδεσμος rel="φύλλο στυλ" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>Αυτό είναι το μόνο που χρειάζεται να κάνετε για να ρυθμίσετε το PyScript.
Για να επαληθεύσετε εάν το PyScript ενσωματώθηκε με επιτυχία, προσθέστε την ακόλουθη γραμμή κώδικα στο Ενότητα:
<σώμα>
<py-script>Τυπώνω("Γειά σου Κόσμε!")</py-script>
</body>Ανοίξτε το αρχείο HTML σε οποιοδήποτε πρόγραμμα περιήγησης και θα δείτε Γειά σου Κόσμε! τυπωμένο εκεί.
Φορτώστε τη βιβλιοθήκη Matplotlib
Πρέπει να χρησιμοποιήσετε το ετικέτες για εισαγωγή αρθρώσεων Python. Φορτώστε το matplotlib ενότητα στο ενότητα του αρχείου HTML χρησιμοποιώντας το ακόλουθο απόσπασμα:
<py-env>
- matplotlib
</py-env>Εμφανίστε μια γραφική παράσταση γραμμής στο πρόγραμμα περιήγησης χρησιμοποιώντας PyScript
Δημιουργώ ένα με ένα ταυτότητα. Θα χρειαστείτε το ταυτότητα για να το χρησιμοποιήσετε με το παραγωγή χαρακτηριστικό του ετικέτα.
<div id="matplotlib-lineplot"></div>Πρέπει να γράψετε τον κώδικα Python στο ετικέτα. Αναθέστε τα παραπάνω ταυτότητα στο παραγωγή χαρακτηριστικό του ετικέτα.
<Έξοδος py-script="matplotlib-lineplot">
# Κώδικας Python
</py-script>Είστε τώρα έτοιμοι να γράψετε τον κώδικα Python για να δημιουργήσετε ένα σχέδιο γραμμής:
<σώμα>
<div id="matplotlib-lineplot"></div>
<Έξοδος py-script="matplotlib-lineplot">
# Κώδικας Python
# εισαγωγή της βιβλιοθήκης matplotlib
εισαγωγή matplotlib.pyplot όπως και plt
fig, ax = plt.subplots()
άξονας # x
x = ["Πύθων", "C++", "JavaScript", "Golang"]
άξονας # y
y = [10, 5, 9, 7]
plt.plot (x, y, δείκτης='ο', linestyle='-', χρώμα='σι')
# Ονομασία της ετικέτας x
plt.xlabel('Γλώσσα')
# Ονομασία της ετικέτας y
plt.ylabel('Σκορ')
# Ονομασία του τίτλου της πλοκής
plt.title('Γλώσσα έναντι βαθμολογίας')
Σύκο
</py-script>
</body>
Θα λάβετε την ακόλουθη εικόνα όταν ανοίξετε το αρχείο HTML στο πρόγραμμα περιήγησης ιστού:
Εμφάνιση ενός σχεδίου γραμμής στο πρόγραμμα περιήγησης χρησιμοποιώντας το PyScript
Μπορείτε να δημιουργήσετε ένα γράφημα ράβδων στο πρόγραμμα περιήγησης χρησιμοποιώντας το ακόλουθο απόσπασμα Python:
<σώμα>
<div id="matplotlib-bar"></div>
<Έξοδος py-script="matplotlib-bar">
# Κώδικας Python
# εισαγωγή της βιβλιοθήκης matplotlib
εισαγωγή matplotlib.pyplot όπως και plt
fig, ax = plt.subplots()
άξονας # x
x = ["Πύθων", "C++", "JavaScript", "Golang"]
άξονας # y
y = [10, 5, 9, 7]
plt.μπαρ(Χ, y)
# Ονομασία της ετικέτας x
plt.xlabel('Γλώσσα')
# Ονομασία της ετικέτας y
plt.ylabel('Σκορ')
# Ονομασία του τίτλου της πλοκής
plt.title('Γλώσσα έναντι βαθμολογίας')
Σύκο
</py-script>
</body>
Αυτός ο κώδικας παράγει την ακόλουθη έξοδο:
Τι μέλλον επιφυλάσσει το PyScript;
Μπορείτε να δημιουργήσετε ισχυρούς πίνακες εργαλείων και γραφήματα σε HTML χρησιμοποιώντας βιβλιοθήκες PyScript και Python όπως Matplotlib, Bokeh, Seaborn και ούτω καθεξής. Ωστόσο, μάλλον θα πρέπει να αποφύγετε τη χρήση του στην παραγωγή, καθώς βρίσκεται υπό βαριά ανάπτυξη. Το λογισμικό έχει επί του παρόντος πολλά προβλήματα, συμπεριλαμβανομένου του χρόνου φόρτωσης και της χρηστικότητας. Στο μέλλον, το PyScript μπορεί να ανοίξει πύλες για να εκτελούνται και να εκτελούνται λειτουργίες Python στον Ιστό πιο ομαλά.
Ένας από τους κύριους λόγους για την ανάπτυξη του PyScript ήταν να βοηθήσει τους επιστήμονες δεδομένων να οπτικοποιήσουν δεδομένα στον Ιστό. Εάν είστε επιστήμονας δεδομένων, μπορείτε να αξιοποιήσετε τη δύναμη του PyScript συνδυάζοντάς το με βιβλιοθήκες επιστήμης δεδομένων όπως το Pandas και το NumPy.
