Interaktive Datenvisualisierung mit Python: Streamlit und Matplotlib. Kostenlose Bereitstellung in der Cloud

1. Einführung: Hallo, Leute. Und heute werden wir uns mit Stream Let vertraut machen. Die heutige Lektion wird sehr nützlich sein. Wir werden mehrere Projekte mit den Bibliotheken Yahoo Finance und Motlotip in der Stream Lit-Umgebung erstellen den Bibliotheken Yahoo Finance und Motlotip . Wenn Sie sich mein Motlot Lip-Tutorial angesehen haben, kennen Sie die Y Finance-Bibliothek bereits In dieser Lektion werden wir zunächst ein Testprojekt erstellen, in dem wir den tatsächlichen Aktienkurs eines Unternehmens sehen können den tatsächlichen Aktienkurs eines Unternehmens sehen Dann werden wir Matplot Leap verwenden, um die Korrelation zwischen mehreren Unternehmen zu visualisieren, die wir nach Belieben ändern und auswählen können Mithilfe der Y Finance Library werden wir Finanzdaten von Börsen abrufen und mit Hilfe von MotloTlip Aktienkurscharts erstellen und diese in Streamlt visualisieren Und schließlich werden wir es auf StreamldCloud bereitstellen. Es ist eine von Streamlt bereitgestellte Plattform, mit der Sie Ihre optimierten Apps einfach bereitstellen, teilen und verwalten können Sie können Ihre App mit nur wenigen Klicks direkt aus dem Github-Repository bereitstellen mit nur wenigen Klicks direkt aus dem Github-Repository Es ist nicht erforderlich, Server zu konfigurieren oder sich mit komplexen Bereitstellungsprozessen zu befassen. Wenn Sie Änderungen an Ihr Github-Repository übertragen, Ihre Streamlt-App in der Streamed Cloud automatisch aktualisiert, sodass Ihre App immer den neuesten Code enthält StreamltCloud verwaltet die Ressourcen, die für den Betrieb Ihrer App benötigt werden, sodass Sie sich keine Gedanken über die Serververwaltung machen müssen Außerdem können Sie kontrollieren, wer Zugriff auf Ihre Apps hat, sodass Ihre Daten bei Bedarf sicher und privat bleiben Durch die direkte Verknüpfung mit Github nutzt StreamLTCloud die Versionskontrolle, sodass Änderungen einfach nachverfolgt und gemeinsam Wir haben auch den Vorteil, dass Apps, die auf StreamLTCloud bereitgestellt werden, HGTPS verwenden, um sichere Verbindungen zu gewährleisten, und StreamlitCloud ist darauf ausgelegt, unterschiedliche Datenverkehrsmengen zu bewältigen. So kann Ihre App ohne zusätzliche Konfigurationen skaliert werden, um mehr Benutzer aufzunehmen mehr Es ist unglaublich einfach, Ihre Daten-Apps mit der Welt zu teilen, und das werden wir am Ende dieses Videos tun. 2. Einführung in Streamlit: Installation, erste App und UI-Übersicht: Streamlt ist ein Tool zum Erstellen von Webanwendungen auf Python-Basis Es wurde für Datenarbeit und maschinelles Lernen entwickelt und ermöglicht es Ihnen, Ihre Skripte schnell und einfach in interaktive Webanwendungen umzuwandeln , ohne HTML, CSS oder JavaScript kennen zu müssen Ja, Streamlt ist ein Open-Source-Python-Framework , das für die Erstellung interaktiver Webanwendungen für Erstellung interaktiver Webanwendungen Data-Science- und Machine-Learning-Projekte Es verwendet eine einfache pythonische Syntax. Wenn Sie Python kennen, können Sie Streamlt verwenden ohne zusätzliche Webtechnologien erlernen zu müssen hinzufügen Mit einfachen Streamlt-Befehlen können Sie interaktive Elemente wie Schieberegler, Schaltflächen und Texteingaben Dies macht es einfach, dynamische Benutzeroberflächen zu erstellen. Streamlt-Apps werden automatisch aktualisiert , wenn Sie den Code ändern Sie müssen den Browser also nicht ständig neu laden. Das beschleunigt die Entwicklung. Diese Bibliothek lässt sich nahtlos in beliebte datenwissenschaftliche Bibliotheken wie Pandas, Nabi, Mad Plotlp, Plotly Dies macht es einfach, umfangreiche Visualisierungen zu erstellen und Daten zu umfangreiche Wir können verschiedene Funktionen verwenden, um Daten anzuzeigen, darunter Tabellen, Diagramme, Karten und mehr Bei Bedarf können Sie streamlt um benutzerdefinierte Komponenten erweitern oder JavaScript-Bibliotheken integrieren , um einzigartige Funktionen hinzuzufügen Alle Apps, die Sie in Streamlt erstellt haben , können einfach geteilt und bereitgestellt werden Streamlt bietet einen Cloud-Service streamlt Cloud für die Bereitstellung von Apps mit Alternativ können Sie Streamlt-Apps auf anderen Plattformen wie Hioku, AWS oder Google Cloud bereitstellen , aber ich denke, Streamlt , aber ich denke, aber ich denke Nun, streamlt ist ein leistungsstarkes Tool, das den Prozess der Erstellung interaktiver Webanwendungen für die Datenwissenschaft vereinfacht den Prozess der Erstellung interaktiver Webanwendungen für die interaktiver Webanwendungen Es ermöglicht Ihnen, sich auf Ihre Analysen und Visualisierungen zu konzentrieren , ohne sich in der Komplexität der Webentwicklung zu verzetteln Komplexität der Webentwicklung zu verzetteln Lassen Sie uns also anfangen. Zunächst werden wir streamlt in unserer virtuellen Umgebung installieren streamlt in unserer virtuellen Umgebung Ich werde eine virtuelle Umgebung mit Python 311 verwenden. Wenn Sie nicht wissen, was eine virtuelle Umgebung ist und wie Sie Ihren Arbeitsablauf richtig organisieren können, empfehle ich Ihnen dringend, sich dieses Video anzusehen. Hier erkläre ich ausführlich was eine virtuelle Umgebung ist und wie Bibliotheken für jedes Projekt separat installiert werden, um Konflikte zu vermeiden. Ich installiere streamlt mit dem Paketmanager PIP. Der Befehl PIP freeze zeigt uns alle Bibliotheken , die ich in meiner virtuellen Umgebung Hier in der Quelle meines zukünftigen Projekts erstelle ich eine Datei, in die ich ein einfaches Python-Skript schreiben werde. Dann werden wir es ausführen und sehen, wie das alles funktioniert. Hier importiere ich die Streamlt-Bibliothek in mein Python-Skript und verwende ST als Alias, da ich damit auf die Streamit-Bibliothek mit einem kürzeren, bequemeren Namen verweisen die Streamit-Bibliothek mit einem kürzeren, bequemeren Wir sehen einen Fehler beim Import, aber das ist okay. Wir müssen nur unsere virtuelle Umgebung ändern. In den Einstellungen unten im Visual Studio-Code müssen wir es ändern. Dann importiere ich Pandas und Nam Pi. Wir werden sie brauchen. Jetzt habe ich den Titel der Bewerbung geschickt. Sie können Ihre eigenen einstellen. Die Titelfunktion in Streamlt wird verwendet, um einen Titel hinzuzufügen. Diese Funktionen zeigen Text in der Überschrift der höchsten Ebene Wenn wir HTML-Tags verwenden würden, würde das das H-One-Tag bedeuten, mit dem wir schnell und einfach einen klaren und ansprechenden Titel für Ihre Anwendung erstellen können . Optisch gesehen wird es die größte und aufsehenerregendste Überschrift sein. Natürlich benötigen wir Daten zur Anzeige. Deshalb erstelle ich mit Pandas Testdaten. Wenn Sie den Pandas-Kurs besucht haben, wird dieser Code keine Fragen für Sie aufwerfen, aber ich werde es trotzdem erklären Mithilfe von Pandas und der Nampire-Bibliothek werden wir Zufallsdaten generieren und einen Datenrahmen erhalten, werden wir Zufallsdaten generieren und einen Datenrahmen erhalten der mit der Zufallsfunktion gefüllt Ich habe 1.000 Zufallszahlen für jede Achse generiert. Dann zeige ich die ersten fünf Zeilen des Datenrahmens in der Streamlt-App an Wie Sie sich erinnern, gibt uns ein Feld ohne Argument fünf erste Zeilen Ist die Funktion in der Streamlet-Bibliothek verschiedene Arten von Inhalten angezeigt wurden Dann werde ich die Punktdiagrammfunktion verwenden. Sie generiert ein Streudiagramm , eine Art der Datenvisualisierung Als Daten übergebe ich unseren neu erstellten Datenrahmen und führe dann mit dem Befehl streamtrun app Pi das Skript Es initialisiert den Streamlt-Server auf Ihrem lokalen Computer. Dann liest es das Skript von oben nach unten den Code zum Einrichten der Ich würde das leer lassen. Ich möchte keine Werbedaten erhalten. Wenn Sie die Streamlt-Anwendung ausführen und die Aufforderung sehen, möchten Sie, dass die Anwendung eingehende Netzwerkverbindungen akzeptiert Das bedeutet, dass Ihr Betriebssystem fragt, ob Sie zulassen möchten, dass Ihre Stremlt-App über das Netzwerk zugänglich ist zulassen möchten, dass Ihre Stremlt-App über das Netzwerk zugänglich über das Netzwerk zugänglich Wenn Sie den Befehl Stream Lite Run ausführen, wird standardmäßig der Streamlt-Server gestartet und eine Verbindung zum lokalen Computer hergestellt Normalerweise auf dem lokalen Host 8.501. Diese lokale URL wird verwendet, um von demselben Computer aus auf Ihre App zuzugreifen demselben Computer aus auf Ihre App dem Sie den Streamlt-Server ausführen Lokaler Host bezieht sich auf Ihren lokalen Computer. Das heißt, wenn Sie einen Webbrowser auf Ihrem Computer öffnen und diesen Link in die Adressleiste eingeben, können Sie Ihre Streamlit-App aufrufen Im Falle einer Netzwerk-URL kann diese verwendet werden, um von anderen Geräten im selben lokalen Netzwerk auf Ihre Streamlt-App zuzugreifen von anderen Geräten im selben lokalen Netzwerk auf Ihre Streamlt-App anderen Geräten im selben lokalen Netzwerk auf Das heißt, wenn ein anderes Gerät wie ein Laptop, Smartphone oder Tablet, das mit demselben lokalen Netzwerk verbunden einen Webbrowser öffnet und diesen Link in die Adressleiste eingibt, kann es deine Stremlt-App anzeigen eine eingehende Verbindung zulassen, können andere Geräte auf die App zugreifen wenn sie die IP-Adresse und den Port kennen Ich verneine, weil ich das jetzt nicht brauche. Und hier können wir unsere App sehen, den Titel sehen, den wir angegeben haben, und die Daten sehen , die wir mit Pandas und Napi generiert haben Wir können unser Streudiagramm auf den Vollbildmodus erweitern, es wieder so machen, wie es war, und unsere Daten nach Belieben nach X- und Y-Achse sortieren Wie wir sehen können, ist alles sehr interaktiv. Wir können es in jedem Format herunterladen, das wir wählen können, und die verfügbaren Einstellungen hier einsehen. In den Einstellungen können wir zurückgehen und uns die verfügbaren Themen ansehen und eines für uns selbst auswählen. Wir können das Dokument drucken. Als Nächstes sehen wir Screencast, eine Funktion, mit der Sie ein Video von Ihrem Bildschirm aufnehmen können , in dem Ihre App in Aktion gezeigt Dies ist nützlich, um Tutorials zu erstellen, die Funktionalität Ihrer App zu demonstrieren oder visuelle Berichte über deren Nutzung bereitzustellen Das ist wirklich großartig , da Sie solche Videos ganz einfach erstellen können , ohne Bildschirmaufzeichnungssoftware von Drittanbietern verwenden zu müssen Bildschirmaufzeichnungssoftware von Drittanbietern verwenden und detailliert zeigen können, wie Ihre App funktioniert Dann können wir die Version überprüfen. Als Nächstes sehen wir Cache löschen. Dies bedeutet, dass der Cache geleert wird, was das Löschen sicherer Ergebnisse aus früheren Funktionsausführungen beinhaltet aus früheren Funktionsausführungen Dies kann nützlich sein, wenn Sie sicherstellen möchten, dass Funktionen erneut ausgeführt werden , um aktuelle Ergebnisse zu erhalten Dies ist besonders nützlich, wenn sich die Eingabedaten oder die Berechnungslogik geändert haben. Wir können die Bereitstellungsfunktion direkt in der App verwenden. Dies bedeutet, dass Sie Ihre Streamlt-App auf einem Server bereitstellen , sodass Benutzer über das Internet darauf zugreifen Auf diese Weise können andere Personen mit Ihrer App interagieren ohne den Code lokal auf ihren Computern ausführen zu müssen lokal auf ihren Nun, wir haben gesehen, wie es aussieht. Fahren wir also mit der Erstellung der zweiten App mit Qi Finance fort . 3. Erstellen einer Aktienkurse-Visualisierungs-App mit der Bibliothek von Streamlit und Yahoo Finance: Fangen wir von vorne an. Ich werde alles Notwendige importieren. In diesem Fall erhalten wir anstelle von zufällig erstellten Daten Daten von Yahoo Finance, erhalten wir anstelle von zufällig erstellten Daten Daten von Yahoo Finance und die Y Finance Library hilft uns dabei. Als Nächstes erstellen wir, wie in der vorherigen App, einen Titel. Ich benötige ein Texteingabefeld, also verwende ich die Texteingabefunktion. Es ermöglicht Benutzern, Textdaten interaktiv in eine Streamlt-App einzugeben , und es wird häufig zum Sammeln von Benutzereingaben wie Text, Zeichenfolge oder Zahlen verwendet Benutzereingaben wie Text, Zeichenfolge oder Sie geben eine Bezeichnung für das Eingabefeld an und streamlt zeigt ein Texteingabefeld an, in das Benutzer Text eingeben können Hier sollten wir das Aktiensymbol eingeben und es dem variablen Aktiensymbol zuweisen Dann prüfen wir, ob das variable Aktiensymbol einen Wert hat. Wenn das Aktiensymbol nicht leer ist und die Bedingung erfüllt ist, wird die Download-Funktion aus der Y Finance Library aufgerufen , um historische Aktiendaten abzurufen. Diese Funktion lädt historische Marktdaten für das angegebene Aktiensymbol herunter. Als Parameter können wir das Aktiensymbol übergeben. Das Symbol der Aktie finden wir auf der Website NASDAQ Und der zweite Parameter ist eine Periode. Wir geben den Zeitraum , für den historische Daten abgerufen werden. Hier finden Sie Anforderungsdaten für die letzten vier Jahre. Dieser Code stellt sicher , dass Aktiendaten nur heruntergeladen werden, wenn ein Aktiensymbol bereitgestellt wird. Dadurch werden unnötige Aufrufe und Fehler vermieden, unnötige Aufrufe und Fehler vermieden wenn das Symbol fehlt oder ungültig ist Erste Bedingung, wenn das Aktiensymbol überprüft, ob die Aktiensymbolvariable bereitgestellt wurde und nicht leer ist Dadurch wird sichergestellt, dass die Download-Funktion von Y Finance nur aufgerufen wird, wenn ein Aktiensymbol abgefragt werden kann. Es verhindert unnötige API-Aufrufe und Fehler, die auftreten würden, wenn die Y Finance-Download-Funktion mit einem leeren oder ungültigen Symbol aufgerufen würde. zweite Bedingung, wenn die Aktiendaten nicht leer sind, bestätigt, dass die Download-Funktion von Y Finance erfolgreich Daten für das angegebene Aktiensymbol abgerufen hat, denn selbst wenn ein gültiges Aktiensymbol angegeben wird, ist es möglich, dass keine Daten für dieses Symbol verfügbar sind Beispielsweise könnte das Symbol falsch sein oder die Aktie enthält möglicherweise keine Daten für den angeforderten Zeitraum Dann zeigen wir drinnen Finanzdaten an. Die rechte Funktion zeigt die ersten Zeilen der Daten an. Wenn Sie mein Tutorial über Bänder oder Polare gesehen haben, wissen Sie, dass uns die Kopffunktion nur die ersten fünf Zeilen unseres Datenrahmens anzeigt nur die ersten fünf Zeilen unseres Datenrahmens Dann verwenden wir ein Liniendiagramm. Aus den Aktiendaten wird ein Liniendiagramm der Schlusskurse erstellt . Und natürlich verwenden wir ls Blog. Hier werden wir eine Fehlermeldung anzeigen, darauf hinweist, dass für die bereitgestellten Aktiensymbole keine Daten gefunden wurden. Die Fehlermethode in Streamlt zeigt eine Fehlermeldung an. Sie wird rot angezeigt, um Aufmerksamkeit zu erregen. Wir führen unsere App mit dem bekannten Befehl aus und im geöffneten Browser sehen wir unsere Seite. Lassen Sie uns es testen und zum Beispiel den Namen Apple Stock eingeben zum Beispiel den Namen , und wir haben einen Fehler erhalten. Nun, da können wir keine vier Jahre angeben. Aber wir können zum Beispiel fünf Jahre angeben . Lass uns das machen. Wir müssen unsere App nicht einmal neu starten. Wir ändern es einfach auf fünf Jahre, speichern es und öffnen den Browser und aktualisieren die Seite. Wir sehen, dass jetzt alles richtig funktioniert , weil es interaktiv aktualisiert wird Das ist sehr praktisch. Wir können den Aktienkurs zu einem bestimmten Zeitpunkt sehen. Wir können unser Diagramm vergrößern oder verkleinern. Versuchen wir zum Beispiel, Google-Aktien einzugeben. Wir können es im Vollbildmodus öffnen. Es wird aufgerufen, wenn Sie beobachten möchten, wie die Preise in einem bestimmten Zeitraum verändert haben. Nehmen wir ein anderes Beispiel. Ich möchte mir Tesla-Aktien ansehen. Es ist jedoch ein bisschen unpraktisch. Ich möchte zum Beispiel die Aktienkurse zwischen zwei beliebigen Unternehmen über den gesamten Zeitraum vergleichen zwischen zwei beliebigen Unternehmen über den gesamten Zeitraum Ich möchte eine neue App erstellen, in der wir die Namen von zwei Aktien angeben und ihre Preise vergleichen können . 4. Verbesserte Aktienkurse-Visualisierung: Streamlit, Yahoo Finance und Matplotlib: Wie immer importieren wir als Erstes alle erforderlichen Bibliotheken Dieses Mal werde ich Matlot Leap verwenden. Wenn Sie diese Bibliotheken noch nicht installiert haben, können Sie den Befehl Beep Install gefolgt vom Bibliotheksnamen verwenden, um sie in Ihrer virtuellen Umgebung zu installieren Als Nächstes lege ich mithilfe der bekannten Funktion den Titel für unsere App Dann erstelle ich zwei interaktive Eingabefelder , in die unsere Benutzer die Namen von zwei Stokes eingeben. Sie wollen vergleichen Dann prüfen wir, ob beide Aktiensymbole vom Benutzer eingegeben wurden. Wenn beide Symbole eingegeben werden, die App mithilfe der Download-Funktion aus der Y Finance Library historische Daten für jedes Aktiensymbol für jedes Aktiensymbol der letzten fünf Jahre herunter. Danach überprüfen wir beide Aktiensätze. Die Daten sind nicht leer. Wenn sie Daten enthalten, zeigt der Code diese Daten und zeichnet ein Diagramm zur Visualisierung der Aktienkurse. Die richtige Funktion wird verwendet, um die ersten Datenzeilen anzuzeigen. Ich möchte Sie daran erinnern, dass die Head-Funktion die ersten fünf Zeilen des entsprechenden Datenrahmens zurückgibt . Als Nächstes erstellen wir eine Figur und eine Achse für das Diagramm mit Abmessungen von zehn pro 6 Zoll. Dann verwenden wir die Plotfunktion, um den Schlusskursen oder der Aktie für jedes Symbol ein Liniendiagramm hinzuzufügen Schlusskursen oder der Aktie für jedes Symbol ein Liniendiagramm . Hier übergeben wir den Aktiendatenindex, Aktiendaten im Datenrahmen, die historische Aktiendaten für jedes Symbol enthalten historische Aktiendaten für , das wir mit der Download-Funktion heruntergeladen haben . Der Index stellt den Index dieses Datenrahmens dar , der typischerweise aus Daten besteht. Wenn die Aktien gehandelt wurden, wird dies als X-Achse verwendet, die horizontale Achse in der Grafik. Dann spezifizieren wir Aktiendaten, schließen. Dies ist die geschlossene Spalte des Datenrahmens, die die Schlusskurse der Aktien für jeden Tag enthält. Dies wird als Y-Achse, als vertikale Achse des Diagramms verwendet , und schließlich geben wir eine Bezeichnung an. Arbeit mit Datenrahmen wurde Die Arbeit mit Datenrahmen wurde im Pandas-Kurs ausführlich behandelt, und Pandas ist eine Bibliothek Sie müssen wissen, ob Sie Datenanalyst oder Datenwissenschaftler werden möchten Datenanalyst oder Datenwissenschaftler Pandas und Pullers, die beiden Bibliotheken oder machen Sie sich zumindest damit vertraut und verstehen, wie sie Als nächstes legen wir den Titel der Handlung fest. Dann legen wir die Bezeichnung für die X-Achse und für die Y-Achse fest. Dann fügen wir dem Diagramm ein Raster hinzu. Es macht es einfacher, unsere Datenpunkte zu lesen, und ich füge dem Diagramm eine Legende hinzu, die die verschiedenen Datenreihen oder Elemente identifiziert , die in der Grafik dargestellt Dann verwenden wir die Funktion, um eine Mtlotlp-Zahl direkt in Ihrer Streamlit-App anzuzeigen eine Mtlotlp-Zahl direkt in Byblot ist eine Streamlt-Funktion, die eine Mtlotlp-Zahl Argument akzeptiert Dies stellt ein ultplotlpigure-Objekt dar, das ich zuvor mit den Plotfunktionen von Mt Bot Lip erstellt habe . . Bei Cool That Streamlet lässt sich Mt Blot Leap nahtlos integrieren, sodass Sie Mult-Clip-Figuren direkt in Ihrer Streamlt-App anzeigen Mt Blot Leap nahtlos integrieren, sodass Sie Mult-Clip-Figuren direkt in Ihrer Streamlt-App anzeigen können. Und dann behandeln wir Fälle, in denen keine Daten verfügbar sind. Wir sollten dem Benutzer ein klares Feedback geben , wenn keine Daten gefunden werden, das Projekt neu starten und die Daten eingeben. Und wir haben einen Fehler bekommen. Nur ein paar Tippfehler. Das tut mir leid Ich werde es reparieren und jetzt sollte alles funktionieren. Also lass es uns testen. Ich kann jede Aktie auswählen und ihren Preis sehen und sie mit jeder anderen Aktie vergleichen. Und dafür haben wir Streamld, Mud od Lip und I Finance verwendet Mud od Lip und I Finance Wir haben historische Daten für fünf Jahre visualisiert. Natürlich können wir diesen Zeitraum so ändern, dass er länger oder kürzer Dank der Yahoo Finance Library können wir historische Aktienkursdaten mit großer Genauigkeit abrufen . Mit unserer Webanwendung können Sie auf einfache Weise die Aktienkurse zweier Unternehmen in einem einzigen Diagramm vergleichen , und das ist wirklich cool. Sie können nicht nur Mattel verwenden, sondern jede Bibliothek, die wir bereits behandelt haben. Sie können etwas Eigenes erstellen, um Ihre eigenen Daten zu analysieren Streamlt hilft Ihnen dabei, all dies anzuzeigen, ohne dass Sie Frontend-Kenntnisse benötigen Sie müssen keine Website erstellen, um Ihre Arbeit zu präsentieren. 5. Erweiterte Funktionen von Streamlit: Hinzufügen von Funktionen und kostenlose Bereitstellung deiner App auf Streamlit Cl: Und jetzt möchte ich unserer Anwendung etwas mehr hinzufügen und sie auf StreamLTCloud bereitstellen, damit sie öffentlich zugänglich ist oder einfach als Teil eines Portfolios präsentiert werden kann öffentlich zugänglich ist oder einfach präsentiert Ich werde den Bildschirm in zwei Teile aufteilen , damit ich die Änderungen in Echtzeit sehen kann Für mich wird es bequemer sein. Ich werde meinen Titel ein wenig ändern. Hier verwende ich die Seitenleistenfunktion. Die Seitenleiste ist ein separater Bereich der Web-App, der normalerweise für Eingaben und Steuerelemente verwendet wird , die sich auf den Hauptinhalt auswirken Ich finde es unpraktisch , wenn wir die Namen unserer Unternehmen eingeben und das Diagramm nicht sofort sehen Ich möchte das in die Seitenleiste verschieben. In diesem Bereich können Sie die Steuerelemente separat organisieren, was eine bequemere und übersichtlichere Oberfläche bietet Dann benutze ich Header. Diese Methode fügt der Seitenleiste einen Header hinzu. Auf diese Weise gebe ich dem Benutzer Anweisungen. Ich aktualisiere die Seite und wir können sofort die Änderungen sehen. Und hier können wir unsere Seitenleiste sehen. Die Streamlit-Seitenleiste wird verwendet, um ein Seitenfenster zu erstellen , in dem Sie verschiedene Oberflächenelemente wie Überschriften, Textfelder, Schaltflächen und generell alles platzieren können , in dem Sie verschiedene Oberflächenelemente wie Überschriften, Textfelder, Schaltflächen und generell alles platzieren , und generell alles Sie auf der Hauptseite platzieren würden Wenn ich jetzt unsere Aktiennamen auswähle, werden wir sehen, dass das viel bequemer ist Mir gefällt jedoch nicht, dass der Zeitraum fest auf fünf Jahre codiert ist. Ich möchte den Zeitraum nach meinen Wünschen wählen können . Ich möchte Aktien vielleicht über ein Jahr oder vielleicht über zehn Jahre ansehen und vergleichen . Jetzt werde ich einen Teil der Logik ändern. Ich habe das Datenzeitmodul eingegeben. Dies ist eine Standardbibliothek, die Klassen für die Arbeit mit Datum und Uhrzeit in Python bereitstellt . Dieses Modul ermöglicht verschiedene Operationen im Zusammenhang mit der Zeit. Ich möchte einen Slider in der Seitenleiste erstellen. Dazu verwende ich den Sidebar-Slider, der den Slider erstellt Als Nächstes gebe ich die Bezeichnung an, die dem Benutzer erklärt, dass der Schieberegler für die Auswahl eines Bereichs von Jahren vorgesehen ist Dann gebe ich den Mindestwert , der auf dem Schieberegler ausgewählt werden kann, das Jahr 2000. Danach gebe ich den Höchstwert an, ich den Höchstwert auf dem Schieberegler ausgewählt werden kann. Welches ist das aktuelle Jahr, das mithilfe unseres Tagesmoduls dynamisch bestimmt wird , indem die Null-Methode aufgerufen wird. Als Nächstes gebe ich die Standardwerte an , die standardmäßig auf dem Schieberegler festgelegt werden. Ich wähle das Startjahr als 2015 und das Endjahr als 2020. Das Ergebnis dieser Codezeile sind zwei Variablen, Startjahr und Jahr, die die ausgewählten Start- und Endjahre enthalten. Diese Werte werden dann in der Anwendung weiter verwendet. Hier prüfen wir, ob für beide Aktien Symbole eingegeben wurden. Wenn beide Symbole nicht leer sind, wird der Codeblock innerhalb dieser Bedingung ausgeführt. Hier definieren wir das Start- und Enddatum für die weitere Verwendung in der Anwendung. Wir ersetzen fest codierte fünf Jahre durch dynamisch generierte Daten, die auf Benutzereingaben von Start und Jahren basieren . Lassen Sie uns nachlesen und sehen, was wir haben. Wir haben einen Fehler. Wir haben einen Fehler bekommen , weil es einen Rechtschreibfehler gab , der korrigiert werden musste Jetzt funktioniert alles und wir können den Zeitrahmen ändern , für den wir Dock-Namen verwenden, was praktischer als zuvor angezeigt wird Ich denke, das ist wirklich praktischer, weil wir sofort sehen, wofür diese Aktienkurse stehen. Lass es mich auf Tesla ändern. Dann möchte ich Apple auf Google umstellen und herumspielen. Mal sehen, wie sich ihre Preise einem bestimmten Zeitraum verändert haben. Lassen Sie uns das alles jetzt einsetzen , um mit Cloud zu streamen. Wir wollen unser Projekt jemandem zeigen, also brauchen wir ein Hosting, bei dem wir applaudieren können, was wir gemeinsam gemacht haben Aber zuerst müssen wir dafür Git verwenden. Wenn Sie mit Git nicht vertraut sind, empfehle ich dringend, sich in einem Kurs damit vertraut zu machen Bitte überprüfe mein Profil. Es gibt einen großartigen Kurs auf Git. Es ist ein unverzichtbares Wissen, unabhängig von Ihrer IT-Rolle, ob Sie im Testen oder Programmieren tätig sind. Jetzt haben wir uns in mein Git-Konto eingeloggt und in deinem Repository etwas erstellt. Wähle öffentlich und füge nichts anderes hinzu wie Readme-Datei oder Git Ignore, lass alles so wie es ist. Nachdem Sie es erstellt haben, haben Sie eine Liste von Befehlen, die Sie ausführen müssen, um Ihr Projekt von Ihrem lokalen Computer, von Ihrem Computer auf den Remote-Server, der GID ist, zu Und danach gehen wir zu unserem Projekt über. Wir verwenden den Befehl, um unser Projekt zu initialisieren. Dieser Befehl erstellt ein neues leeres Repository im aktuellen Verzeichnis unseres Projekts Wenn Sie sich alle Dateien ansehen, auch die versteckten, können Sie das Punkt-GID-Verzeichnis sehen Das bedeutet, dass wir ein neues Projekt unter Versionskontrolle initialisiert und alle notwendigen Dateien und Strukturen für die Arbeit mit GID erstellt alle notwendigen Dateien und Strukturen für die Arbeit mit Danach werden wir in unserem Fall die Dateien sehen, eine Datei, die der Bühne hinzugefügt wird Das heißt, wir werden sehen, dass wir das Remote-Repository senden werden. Als Nächstes verwenden wir den Befehl Git add , um alles zum Index hinzuzufügen. Wir überprüfen die Statusänderung und speichern dann mit dem Befehl GIT Commit alle Dateien, alle Änderungen, die wir mit dem Befehl add zum Index hinzugefügt haben , als neuen Commit im lokalen Repository. Moment besteht unsere Aufgabe darin, das lokale Repository auf den Remote-Server zu übertragen. Dazu haben wir die kopierten Befehle von GitHub übergeben. Nachdem wir diese Befehle ausgeführt haben, gehen wir zu GitHub und aktualisieren die Seite. Wir können unsere Datei bereits auf GitHub sehen. Unsere nächste Aufgabe besteht darin, dieses Produkt auf StreamLTCloud bereitzustellen. Wir gehen auf diese Seite. Wenn Sie kein Profil haben, erstellen Sie eines. Wenn Sie eines haben, melden Sie sich in Ihrem Konto an. Das Erstellen eines Profils nimmt nicht viel Zeit in Anspruch. Sie verwenden in Ihrem Fall Ihre E-Mail-Adresse, um Ihre Daten anzugeben, und in meinen Fällen ist es möglicherweise richtig, den Schüler anzugeben. Als Nächstes ist es ganz einfach. Wählen Sie die Einstellungen für sich selbst und das Profil wird erstellt. StreamLTCloud bietet eine Vielzahl von Funktionen. Hier sehen wir den Tab Meine Apps. Als Nächstes haben wir den Tab Erkunden. Der Stub ermöglicht es Ihnen , öffentliche Apps auf StreamLT zu finden und zu erkunden , die von anderen Benutzern erstellt wurden Dann gibt es noch den Tab Workspaces. Der Stub wird für die Verwaltung von Teams und die Zusammenarbeit an Streamlt-Projekten verwendet und die Zusammenarbeit an Hier sehen wir die Schaltfläche, um Ihr GitHub-Konto mit dem StremltCloud-Workspace zu verbinden Ihr GitHub-Konto mit dem StremltCloud-Workspace zu , Streamlt wird um Erlaubnis bitten, eine Verbindung zu Github herzustellen. Ich werde auf die Schaltfläche „ Autorisiert“ klicken und unser GitHub-Konto wird mit dem Stream Llet-Arbeitsbereich verbunden Jetzt ist es unsere Aufgabe, das Projekt vorzubereiten und an die Streamlt Cloud zu senden Dafür gehe ich zu unserem Projekt und erstelle Anforderungen TikTifle In Python-Projekten ist diese Datei erforderlich, um alle Abhängigkeiten zu definieren und aufzulisten, die zum Zeitpunkt der Projekterstellung installiert wurden . Mit anderen Worten, alle Pakete und Bibliotheken, die für die korrekte Funktion Ihrer App erforderlich sind, sind in dieser Datei aufgeführt. Dies ist vor der Bereitstellung besonders wichtig, unabhängig von der Plattform. Bei der Bereitstellung eines Projekts auf StreamLTCloud sucht die Plattform automatisch im Stammverzeichnis des Projekts nach dieser Requirements-60-Datei dieser Requirements-60-Datei Anschließend werden alle angegebenen Pakete installiert , sodass die Umgebung Ihren Anforderungen entspricht Dadurch wird sichergestellt, dass Ihre App über alle für ein ordnungsgemäßes Funktionieren erforderlichen Abhängigkeiten verfügt, ohne dass Sie zusätzlichen Aufwand betreiben müssen. Und mit Aufwand meine ich, dass Sie zum Remote-Server gehen und alle Bibliotheken oder Abhängigkeiten manuell installieren , damit Ihre App funktioniert. Ich habe alle notwendigen Bibliotheken und Abhängigkeiten in der Txt-Anforderungsdatei aufgezeichnet . Ich habe Pandas entfernt, weil wir es nicht benutzt haben. Ich bearbeite es aus Gewohnheit , weil es oft benutzt wird. Dann fügen wir das als Änderung in Git hinzu. Wir machen einen weiteren Commit und übertragen ihn auf den Remote-Github-Server. Wenn du jetzt zu Github gehst und die Seite aktualisierst, sehen wir unsere Tik Di-Datei mit allen Abhängigkeiten. Dann gehen wir zur Streamlt Cloud, klicken auf Streamlt App und dann auf Erstellen und füllen unser Formular aus Hier können wir unser Repository auswählen, den Zweig angeben, von dem aus wir bereitstellen werden, und die Hauptdatei angeben In unserem Fall ist es API, also schreibe ich die automatisch erstellte Hauptnamen-Hauptdatei um und erstelle einen Link für unsere Anwendung Es gibt auch eine etwas andere Methode, bei der wir hier klicken und den Github-Link zu unserer Hauptdatei posten können , den wir hier direkt von Github kopieren können Dann lassen wir uns auch einen Link für unsere Bewerbung einfallen. Hier sehen wir erweiterte Einstellungen, die zusätzliche Konfigurationsoptionen für unsere Anwendung bieten . Wir können hier API-Schlüssel, Passwörter und andere Geheimnisse speichern . Stream let stellt sicher , dass die Geheimnisse nicht im Code oder in den Protokollen angezeigt werden, sondern der App während der Nutzung zur Verfügung stehen. Wir können hier auch Umgebungsvariablen angeben und bereitstellen. Das wird einige Zeit dauern. Und hier sehen wir unsere Bewerbung. Jetzt ist unsere App im Internet Wi. Sie können diesen Link mit jedem teilen und die Leute können Ihr Produkt besuchen und testen. Im Allgemeinen ist StreamLTCloud ein hervorragendes Tool zur Präsentation Es ermöglicht Ihnen, Ihre Projekte schnell aus Ihrem Github-Repository bereitzustellen Ihre Projekte schnell aus Ihrem Github-Repository Alle Änderungen, die Sie an Ihrem Code vornehmen und auf Github übertragen, werden automatisch in Ihrer App auf StremltCloud widergespiegelt in Ihrer App auf StremltCloud Dies macht es einfach, Ihr Portfolio auf dem neuesten Stand zu halten, was die Entwicklung und Veröffentlichung Ihrer Daten schnell und einfach macht Ihrer Daten schnell Die Bereitstellung ist sehr einfach. Sie können zusammenarbeiten und als Bonus bieten wir Versionierung an. Wir können Änderungen in unseren Anwendungen verfolgen und zwischen verschiedenen Versionen wechseln Es ist großartig, dass Sie Ihre eigene Domain für Ihre Anwendung anpassen können , um Ihrem Portfolio ein professionelles Aussehen zu verleihen. Darüber hinaus passt sich streamld an unterschiedliche Bildschirmgrößen sorgt so für ein gutes Aussehen sowohl auf Computern als auch auf und sorgt so für ein gutes Aussehen sowohl auf Computern als auch auf Mobilgeräten Das ist sehr cool, weil Ihre Anwendung von jedem richtig angesehen werden kann, egal ob von einem Telefon oder einem Heimcomputer aus , und vor allem bietet StremltCloud einen kostenlosen Plan, bietet StremltCloud einen kostenlosen Plan, Sie Ihre Anwendungen ohne zusätzliche Kosten hosten können von jedem richtig angesehen werden kann, egal ob von einem Telefon oder einem Heimcomputer aus, und vor allem bietet StremltCloud einen kostenlosen Plan, mit dem Sie Ihre Anwendungen ohne zusätzliche Kosten hosten können. Das ist sehr nützlich für Schüler und Anfänger. Sie können Ihre eigene Domain haben und Ihr Testprojekt kostenlos im Internet hosten. Lasst uns also üben und teilen.