Fassen Sie einige kleine Fähigkeiten zur Programmentwicklung zusammen

Dieser Artikel enthält einige Tipps zur WeChat-Miniprogrammentwicklung für alle und hofft, der Mehrheit der Entwickler zu helfen.

1. Verwendung globaler Variablen

Jedes Applet muss die App-Methode in app.js aufrufen, um das Applet-Beispiel zu registrieren, Lebenszyklus-Rückruffunktionen zu binden, Funktionen zur Fehlerüberwachung und zur Überwachung der Nichtexistenz von Seiten usw.
Detaillierte Parameterbedeutungen und -verwendung finden Sie im App-Referenzdokument.

Das gesamte Miniprogramm verfügt nur über eine App-Instanz, die von allen Seiten gemeinsam genutzt wird. Entwickler können über die getApp-Methode ein weltweit einzigartiges App-Beispiel abrufen, Daten zur App abrufen oder von Entwicklern in der App registrierte Funktionen aufrufen.

Wenn wir kleine Programme erstellen, benötigen wir oft eine große Anzahl von Anfragen und die angeforderten Domänennamen sind alle gleich. Wir können den Domänennamen in einer globalen Variablen speichern, was die spätere Änderung des angeforderten Domänennamens erleichtert . (Häufig verwendete wie user_id, unionid, user_info können in globale Variablen eingefügt werden)

Wenn wir eine Schnittstellenanforderung aufrufen und die Seitendaten mithilfe der von der Anforderung zurückgegebenen Daten ändern, verwenden wir häufig einen temporären Zeiger, um diesen Zeiger zu speichern.

Aber wenn Sie ES6-Pfeilfunktionen verwenden, können Sie die Verwendung temporärer Zeiger vermeiden Anfragen kommen sehr häufig vor, aber es ist sehr nervig, jedes Mal wx.request einzugeben, und der Code ist auch redundant, also müssen wir ihn kapseln

Erstellen Sie zunächst ein neues js im Ordner utils, ich habe es request .js genannt. Kapseln Sie den Beitrag und erhalten Sie Anfragen darin. Denken Sie daran, ihn am Ende zu deklarieren. Dieser Schritt ist sehr wichtig und denken Sie daran, ihn hinzuzufügen!

//app.js
App({
 globalData: {
  user_id: null,
  unionid:null,
  url:"https://xxx.com/index.php/Home/Mobile/",   //请求的域名
  user_info:null
 }
})

Wenn es verwendet wird, wird es oben auf der entsprechenden Seite außerhalb der Seite aufgerufen Schaltfläche zum Suchen und Ändern des Schaltflächenstils

Normalerweise fügen wir dem Suchfeld eine Suchschaltfläche hinzu und klicken zum Suchen. Das Applet betreibt jedoch kein DOM und kann daher den Wert in der Eingabe nicht direkt abrufen eine andere Methode durchsuchen.

(1) Verwenden Sie das bindconfirm-Attribut in der Eingabekomponente (confirm-type="search", um die Vervollständigungsschaltfläche der Softtastatur in „Suchen“ zu ändern).

//index.js
//获取应用实例
const app = getApp()  //获取app
//let url = app.globalData.url; //使用方法，可先定义或者直接使用app.globalData.url
wx.request({
  url: app.globalData.url + 'checkfirst', //就可以直接在这里调用
  method:'POST',
  header:{"Content-Type":"application/x-www-form/"}
  data:{},
  success:(res)=>{}

(2) Verwenden Sie zum Vervollständigen die Übermittlung des Formulars Klicken Sie auf die Schaltfläche „Senden“ (die Eingabe muss das Namensattribut hinzufügen).

Sie müssen die Schaltfläche selbst ändern. Der Standardstil (der Rand der Schaltfläche muss in button::after geändert werden)

onLoad: function (options) {
  let that = this //保存临时指针
  wx.request({
   url: url + 'GetCouponlist',
   method: 'POST',
   header: { 'Content-Type': 'application/x-www-form-urlencoded' },
   data: { },
   success(res) {
    that.setData({  //使用临时指针
     coupon_length:res.data.data.length
    })
   }
  })

success:(res) => {
    this.setData({  //此时this仍然指向onLoad
     coupon_length:res.data.data.length
    })
   }

Verwandte Empfehlungen:

Mini-Tutorial zur Programmentwicklung

Das obige ist der detaillierte Inhalt vonFassen Sie einige kleine Fähigkeiten zur Programmentwicklung zusammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!