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

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

高洛峰

Libérer： 2017-03-12 15:50:59

original

2346 Les gens l'ont consulté

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}}">

Copier après la connexion

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

 playTap:function(e) {

    const dataset = e.currentTarget.dataset;

    wx.navigateTo({

     url: &#39;../play/index?id=&#39;+ dataset.id

    })

    console.log(dataset.id);

  }

Copier après la connexion

(3) : Obtenir de la valeur

 onLoad:function (param) {

  //页面初始化

    this.setData({

      currentId:param.id

    })

}

Copier après la connexion

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}}">

Copier après la connexion

(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}}">

Copier après la connexion

(2) Valeur :

onLoad (params){

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

    })

  }

Copier après la connexion

2 : Encapsulation de la demande de données

1 Toutes les

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

const api = {

  interface1: &#39;https://........&#39;,

   interface2: &#39;https://.......&#39;,

   interface3: &#39;https://....&#39;,

   .....

}

module.exports = api;

Copier après la connexion

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: {

        &#39;Content-Type&#39;: &#39;application/json&#39;

      },

      success(res) {

        callback(null, res.data);

      },

      fail(e) {

        callback(e);

      }

    })

  },

Copier après la connexion

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:&#39;正在拼命加载中...&#39;,

    loadding:true

  },

  onLoad (){

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

    })

  },

Copier après la connexion

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>

Copier après la connexion

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

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

Copier après la connexion

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>

Copier après la connexion

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);

Copier après la connexion

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

dic[“key”] = “value”;

Copier après la connexion

3 Méthodes de suppression de clés

delete dic[“key”];

Copier après la connexion

4 Effacez toutes les entrées du mot

dic.clear();

Copier après la connexion

5 Supprimez

delete dic;

Copier après la connexion

6 Méthode pour tout afficher attributs

Object.keys(obj);

Copier après la connexion

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[&#39;name&#39;]

Copier après la connexion

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[&#39;name&#39;])

Copier après la connexion

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

if ( ‘x&#39; in obj) {return 1}

Copier après la connexion

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

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

Copier après la connexion

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

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

Copier après la connexion

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

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!