WeChat ミニ プログラム開発経験の概要

勉強時間は短くありません。今日、会社は私の開発経験を要約するために、より明確に覚えておくために書き留めました。

1: パラメータ値の転送メソッド

1: data-id

必要な値を渡すために HTML 要素に data-* 属性を追加できます。 use:

(1) データ ID を設定

(2): 値を取得 + 渡すvalue

playTap:function(e) {

Const dataset = e.currentTarget.dataset;

wx.navigateto ({

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

} ; " })

}

?

data-* に関する注意: data-* 名には大文字を含めることはできません。大文字が含まれていたため、長時間検索した後にこのエラーを見つけたことがあります。 data-* 属性に格納されます

2 : 値を渡す id メソッド識別子を設定します

使用方法:

(1) id を設定します

(2) 値を取得します

e.currentTarget.id を通じて設定された ID の値を取得し、グローバル オブジェクトを設定して値を渡します

3: ナビゲーターにパラメーターを追加します値を渡す

使用方法
(1) 値を渡す: ナビゲーターの属性 URL に ?id (パラメータ名) = 渡す値を連結します (複数のパラメータが & &name=value&.... で区切られている場合) .)

<ナビゲーターurl="../my/my ?id={{item.id}}" wx:for="{{モジュール}}">

(2) 値:

onLoad (params){

app.fetch(API.detail + params .id, (err, data) = & gt; {

})

}

2: データ要求パッケージ

1. すべてのインターフェースを統合された js ファイルとエクスポート

Const API = {

Interface1: 'https://....',

Interface2: 'https://....',

Interface3: ' https://....' ,

…..

}

module.exports = api;

2: app.jsでリクエストデータをカプセル化するメソッドを作成する

fetch(url,data, callback) {

wx.request ({R url,

data: data,

header: {

'content-type': 'application/json'

},

success (res) {

コールバック (null、res.data );

3: サブページでカプセル化されたメソッドを呼び出してデータをリクエストします

「../../api/api.js」から API をインポートします;

const app = getApp();

const conf = {

data:{

title:'読み込み中... ',

true 読み込み中:ロード中

3 : テンプレートを使用する (テンプレートがとても良いものであることを発見しました!)

1: テンプレートを定義: 名前 テンプレートの名前を設定します

テンプレートを定義します

<テンプレート名= 「ホームセル」>

>

2: テンプレートの使用

まずテンプレートを紹介します

次に、template is を使用し、テンプレートの名前を書き込みます。data を通じて必要なデータを渡します