Résumé de l'expérience sur l'encapsulation des données du mini-programme WeChat et le transfert de valeurs de paramètres

Cet article présente principalement des informations pertinentes sur le résumé de l'expérience de l'encapsulation des données du mini-programme WeChat et du transfert de valeurs de paramètres. Les amis dans le besoin peuvent se référer à

Résumé du développement du mini-programme WeChat :

1 : Méthode de transfert de valeur de paramètre

1 : data-id

Nous pouvons ajouter data-* à l'élément HTML attribut pour transmettre la valeur dont nous avons besoin, instructions d'utilisation :

(1) Définir l'identifiant de données

<view class="block" bindtap="playTap" data-id="{{modle.id}}">

(2) : Obtenir de la valeur et transmettre la valeur

 playTap:function(e) {

    const dataset = e.currentTarget.dataset;

    wx.navigateTo({

     url: '../play/index?id='+ dataset.id

    })

    console.log(dataset.id);

  }

(3) : Obtenir de la valeur

 onLoad:function (param) {

  //页面初始化

    this.setData({

      currentId:param.id

    })

}

data-Note : Le nom des données ne peut pas avoir de majuscules. J'ai trouvé cette erreur une fois après une longue recherche à cause d'une lettre majuscule..Les objets< ne peuvent pas être stockés dans les attributs data-* 🎜. >

2 : Définir l'identifiant de méthode de l'identifiant pour transmettre la valeur

Instructions d'utilisation :

(1) Définir l'identifiant

<view bindtap=“playTap" id="{{modle.id}}">

(2) Valeur

Obtenez la valeur de l'identifiant défini via e.currentTarget.id, puis transmettez la valeur en définissant l'objet global

3 : Ajouter une valeur de paramètre dans le navigateur

Mode d'emploi

(1) Passer la valeur : dans l'url d'attribut du navigateur Post-épissage ? id (nom du paramètre) = valeur à transmettre (si plusieurs paramètres sont séparés par & et nom=valeur&.....)

<navigator url="../my/my?id={{item.id}}" wx:for="{{modles}}">

(2) Valeur :

onLoad (params){

    app.fetch(API.detail + params.id,(err,data) => {

    })

  }

2 : Encapsulation de la demande de données

1 Toutes les

interfaces Placez-la dans. un fichier js unifié et export

const api = {

  interface1: 'https://........',

   interface2: 'https://.......',

   interface3: 'https://....',

   .....

}

module.exports = api;

2 : Créer une méthode pour encapsuler les données de la requête dans app.js

 fetch(url,data, callback) {

    wx.request({

      url,

      data: data,

      header: {

        'Content-Type': 'application/json'

      },

      success(res) {

        callback(null, res.data);

      },

      fail(e) {

        callback(e);

      }

    })

  },

3 : Appelez la méthode encapsulée dans la sous-page pour demander des données

import API from "../../api/api.js";

const app = getApp();

const conf = {

  data:{

    title:'正在拼命加载中...',

    loadding:true

  },

  onLoad (){

    app.fetch(API.hot,{},(err,data) => {

    })

  },

Trois : Utilisez des modèles (j'ai trouvé que les modèles sont vraiment un bonne chose) !)

1 : Définir le modèle : nom Définir le nom du modèle

Définir le modèle

 <template name="homecell">
  
     <view class="item">
  
    </view>
  
   </template>

(2) Pour utiliser un modèle, introduisez d'abord le modèle

<import src="../../commonXml/homecell.wxml" />

puis utilisez le modèle est puis écrivez le nom du modèle.. Pour transmettre des données , les données doivent être

<template is="homecell" data="{{item}}"></template>

Quatre :

Le tableau est plus facile à utiliserpropriétés et méthodes

• La méthode Array.isArray() est utilisée pour déterminer si une valeur est un tableau. Si c'est le cas, renvoie vrai, sinon renvoie faux. La méthode

• concat() combine la valeur transmise dans le

  tableau ou non-tableau avec le tableau d'origine pour former un nouveau tableau et revenir.

  La méthode

• forEach() exécute la fonction(fonction de rappel) fournie une fois pour chaque élément du tableau. La méthode

• join() joint tous les éléments du tableau en une

  chaîne. La méthode

• keys() renvoie un itérateur d'indices de tableau. La méthode

• map() renvoie un nouveau tableau

  composé de la valeur de retour de l'appel d'une méthode spécifiée sur chaque élément du tableau d'origine
• La méthode pop() supprime le dernier élément d'un tableau et renvoie cet élément. La méthode

• push() ajoute un ou plusieurs éléments à la fin du tableau et renvoie la nouvelle longueur du tableau (valeur de l'attribut length).

• to

  String() renvoie une chaîne représentant le tableau spécifié et ses éléments.

Cinq : Objet

ObjetMéthodes communes

1 Méthode d'initialisation

var obj = [];
var obj = new obj();
var obj = Object.create(null);

2 Méthodes d'ajout d'éléments

dic[“key”] = “value”;

3 Méthodes de suppression de clés

delete dic[“key”];

4 Effacez toutes les entrées du mot

dic.clear();

5 Supprimez

delete dic;

6 Méthode pour tout afficher attributs

Object.keys(obj);

Tous les noms de clé de l'objet sont des chaînes, ils peuvent donc être ajoutés ou non entre guillemets. Si le nom de clé est une valeur numérique, ce sera le cas. automatiquement converti en chaîne. Cependant, si le nom de la clé ne remplit pas les conditions du nom d'identification (par exemple, le premier caractère est un nombre, ou contient un espace ou un opérateur

), et ce n'est pas le cas. un nombre, vous devez ajouter des guillemets, sinon une erreur 6 sera signalée Lire les attributs

obj.name || obj['name']

Remarque : Le nom de la touche numérique ne peut pas utiliser l'opérateur point (car il sera traité comme un point décimal), seul l'opérateur crochet peut être utilisé. 7 Vérifiez si la variable

est déclarée

if(obj.name) || if(obj['name'])

8 in 运算符用于检查对象是否包含某个属性,如果包含返回true,否则返回false

if ( ‘x' in obj) {return 1}

9 for … in 循环用来遍历一个对象的全部属性

for (var i in obj) {
console.log(obj);
}

10 with 语句作用: 操作同一个对象的多个属性时,提供一些书写的方便

with(obj) {
name1 = 1;
name2 = 2;
}
等同于
obj.name1 = 1;
obj.name2 =

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

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!