Plusieurs méthodes pour transférer des données entre les pages de l'applet WeChat

Dans le développement des mini-programmes WeChat, nous rencontrons souvent des problèmes de transfert de données ou d'influence mutuelle entre les pages. Dans le processus de développement actuel, cela peut être réalisé grâce aux méthodes suivantes.

Utiliser des variables globales

Les variables globales définissent en fait un objet global et sont introduites dans chaque page.

Lors de l'initialisation du code, l'applet lira un fichier app.js, où nous pourrons définir les variables globales dont nous avons besoin.

Ensuite, dans la page, vous pouvez obtenir l'objet d'application global via la méthode getApp(), et vous pouvez lire et modifier les variables globales :

Étant donné que app.js est utilisé pour la configuration de base dans le projet, il n'est pas recommandé de mettre ici de nombreuses variables pour la configuration. Généralement, certaines constantes persistantes seront configurées ici. Cette méthode n'est pas recommandée pour les quantités qui doivent souvent changer.

Utiliser le cache local

Le cache local est une fonction fournie par l'applet WeChat Vous pouvez conserver les données générées par l'utilisateur localement, similaire à NoSQL, vous pouvez lire. et modifier les opérations.

Alors comment l'utiliser pour interagir avec les données entre différentes pages ?

Supposons que nous enregistrions les informations de l'utilisateur sur la page A.

En faisant cela, les données seront stockées localement. En cas de besoin sur la page B, vous pouvez directement obtenir les données du pool de données et effectuer des opérations CRUD :

Il est à noter que dans le retour En arrivant à la page A, l'applet doit relire les données . A ce moment, vous pouvez choisir de recharger les données dans le onShow du cycle de vie

Transférer les données de la page parent vers la page enfant (modèle)

Nous sautons généralement entre les pages, opération de redirection . A ce moment, nous pouvons choisir de mettre quelques données dans l'url et de l'initialiser lorsque la nouvelle page est chargée.

Dans la page D, on peut recevoir les paramètres passés comme ceci :

wx.navigateTo et wx.redirectTo ne permettent pas de sauter à la page contenue dans l'onglet, seul wx.switchTab peut être utilisé pour sauter. Il convient de noter que l'URL dans wx.switchTab ne peut pas transmettre de paramètres.

L'interface wx.reLaunch nouvellement fournie par WeChat peut transmettre des paramètres.

De plus, nous utilisons généralement certains modèles de composants dans la page, il y aura donc également un transfert de données correspondant entre le parent et l'enfant.

Utilisez l'attribut name comme nom du modèle. Utilisez ensuite l'attribut is ici pour déclarer le modèle que vous devez utiliser.

Transmettez ensuite les données requises par le modèle, telles que :

En plus du les données transmises dans le modèle Les variables peuvent également être des objets de méthode d'événement . Par exemple, les événements de clic dans un modèle peuvent être transmis aux éléments à l'aide du modèle.

Effectuer des opérations sur les données en obtenant l'objet de la page

L'essence de cette méthode est d'obtenir le prototype d'objet d'autres pages, puis d'utiliser la méthode prototype setData pour effectuer la gestion des données sur l'objet actuel Modifier , l'exemple est le suivant :

Après avoir sauté à la page suivante F, en supposant qu'il y a des opérations dans F qui nécessitent une modification des données en E, vous pouvez utiliser la méthode suivante :

Cette méthode peut exploiter les données des pages dans la pile de pages, et peut autoriser la page de niveau inférieur pour gérer les données du groupe de pages de niveau supérieur.

Résumé

Dans le mini-programme WeChat, il existe les méthodes ci-dessus, mais sans s'y limiter, pour le transfert de données et l'interaction entre les pages, peuvent être utilisées en combinaison dans des applications pratiques. Par exemple :

• Certaines constantes peuvent être gérées par app.js ; les montants qui doivent être conservés peuvent être enregistrés localement.

• Les données liées aux pages subordonnées ou aux éléments de modèle peuvent être transmises en transmettant des paramètres.

• Les pages au niveau des couches peuvent modifier rapidement les données de niveau supérieur en plaçant les objets de la page dans la pile.

Utilisées en combinaison dans des applications réelles, les données du mini programme peuvent être mieux gérées.

Recommandé : "Tutoriel de développement de mini-programmes"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!