Heim > WeChat-Applet > Mini-Programmentwicklung > Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

青灯夜游
Freigeben: 2021-06-22 09:19:20
nach vorne
10921 Leute haben es durchsucht

Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

Bei der Entwicklung von WeChat-Miniprogrammen stoßen wir häufig auf Probleme mit der Datenübertragung oder der gegenseitigen Beeinflussung zwischen Seiten. Im eigentlichen Entwicklungsprozess kann dies durch die folgenden Methoden erreicht werden.

Globale Variablen verwenden

Globale Variablen definieren tatsächlich ein globales Objekt und werden auf jeder Seite eingeführt.

Beim Initialisieren des Codes liest das Applet eine app.js-Datei, in der wir die benötigten globalen Variablen definieren können.

Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

Dann können Sie auf der Seite das globale Anwendungsobjekt über die Methode getApp() abrufen und die globalen Variablen lesen und ändern:

Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

Da app.js für die Grundkonfiguration im Projekt verwendet wird, wird nicht empfohlen, hier viele Variablen für die Konfiguration abzulegen. Im Allgemeinen werden hier einige dauerhafte Konstanten konfiguriert. Diese Methode wird nicht für Mengen empfohlen, die sich häufig ändern müssen.

Lokalen Cache verwenden

Lokaler Cache ist eine vom WeChat-Applet bereitgestellte Funktion Sie können die vom Benutzer generierten Daten lokal beibehalten, ähnlich wie bei NoSQL, können Sie lesen und Modifizierungsoperationen.

Wie kann man es also nutzen, um mit Daten zwischen verschiedenen Seiten zu interagieren?

Angenommen, wir speichern die Benutzerinformationen auf Seite A.

Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

Dadurch werden die Daten lokal gespeichert. Bei Bedarf können Sie auf Seite B die Daten direkt im Datenpool abrufen und CRUD-Operationen ausführen:

Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

Es ist zu beachten, dass in der return Beim Erreichen der Seite A: Das Applet muss die Daten erneut lesen . Zu diesem Zeitpunkt können Sie die Daten in der onShow des Lebenszyklus neu laden

Daten von der übergeordneten Seite auf die untergeordnete Seite (Vorlage) übertragen

Wir springen normalerweise zwischen den Seiten und leiten den Vorgang um . Zu diesem Zeitpunkt können wir einige Daten in die URL einfügen und sie initialisieren, wenn die neue Seite geladen wird.

Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

Auf der D-Seite können wir die übergebenen Parameter wie folgt empfangen:

Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

wx.navigateTo und wx.redirectUm das Springen zu der in der Registerkarte enthaltenen Seite nicht zu ermöglichen, kann zum Springen nur wx.switchTab verwendet werden. Es ist zu beachten, dass die URL in wx.switchTab keine Parameter übergeben kann.

Die von WeChat neu bereitgestellte wx.reLaunch-Schnittstelle kann Parameter übergeben.

Darüber hinaus verwenden wir normalerweise einige Komponentenvorlagen auf der Seite, sodass auch eine entsprechende Datenübertragung zwischen Eltern und Kindern erfolgt.

Verwenden Sie das Namensattribut als Namen der Vorlage. Verwenden Sie dann hier das Attribut is, um die Vorlage zu deklarieren, die Sie verwenden müssen.

Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

Übergeben Sie dann die für die Vorlage erforderlichen Daten, wie zum Beispiel:

Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

Zusätzlich zu den In die Vorlage übergebene Daten. Variablen können auch Ereignismethodenobjekte sein . Beispielsweise können Klickereignisse in einer Vorlage an Elemente übergeben werden, die die Vorlage verwenden.

Führen Sie Datenoperationen durch, indem Sie das Seitenobjekt abrufen

Der Kern dieser Methode besteht darin, den Objektprototyp anderer Seiten abzurufen, und dann die Prototypmethode setData zu verwenden, um die Datenverwaltung durchzuführen Ändern Sie das aktuelle Objekt . Das Beispiel lautet wie folgt:

Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

Nachdem Sie zur nächsten Seite F gesprungen sind, wird davon ausgegangen, dass in F Vorgänge vorhanden sind, die eine Änderung der Daten erfordern In E können Sie die folgende Methode verwenden:

1Mehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten

Diese Methode kann die Daten der Seiten im Seitenstapel verarbeiten kann es der Seite auf niedrigerer Ebene ermöglichen Verwalten Sie die Daten der Seitengruppe der oberen Ebene.

Zusammenfassung

Im WeChat-Miniprogramm gibt es die oben genannten, aber nicht beschränkt auf die oben genannten Methoden zur Datenübertragung und Interaktion zwischen Seiten, können in Kombination verwendet werden in praktischen Anwendungen. Zum Beispiel:

  • Einige Konstanten können von app.js verwaltet werden; Beträge, die beibehalten werden müssen, können lokal gespeichert werden.

  • Daten, die sich auf untergeordnete Seiten oder Vorlagenelemente beziehen, können durch die Übergabe von Parametern übergeben werden.

  • Seiten auf Ebenenebene können die Daten der oberen Ebene schnell ändern, indem sie das Seitenobjekt im Stapel abrufen.

In Kombination mit tatsächlichen Anwendungen können die Daten des Miniprogramms besser verwaltet werden.

Empfohlen: „Mini-Tutorial zur Programmentwicklung

Das obige ist der detaillierte Inhalt vonMehrere Methoden zum Übertragen von Daten zwischen WeChat-Applet-Seiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage