ミニ プログラムはバックグラウンド データを使用したインタラクティブなテンプレート分析を実装しており、簡単に開始できます。

最近小さなプログラムに取り組んでいますが、初めて起動したときはページのデザインは比較的簡単でしたが、公式 API を見た後は挫折しそうになりました。 , 私はまだ理解できませんでした。会社の先輩に尋ねたところ、テンプレートを書いた後、見てみましょう:

/引入代码
var call = require("../util/request.js")

Page({
  data: {
    pictureList: [],
  },

  onLoad: function () {
    var that = this;
    //调用封装的方法，为了方便我直接在页面加载的时候执行这个方法
    call.getData(url, this.shuffleSuc, this.fail);
    this.loadMsgData(that);
  },
  shuffleSuc: function (data) {
    var that = this;
    that.setData({
      pictureList: data.rows
    })
    //我后面测试了一下，直接this.setData也可以，但是因为我在没有使用封装方法的时候
    //this.setData报过错，不能直接用this，所以我在赋值的时候一般都会加上var that = this;
  },
  fail: function () {
    console.log("失败")
  },
})

フロントエンドとバックエンドのやり取りは次のとおりです。これ:

1. 値を渡す必要がないという条件では、バックグラウンドメソッドはGETを使用します

この場所をgetに変更する必要があります。後は上記のテンプレートに従って記述するだけです

2いくつかの値を渡す必要があります: バックグラウンドで POST を使用します

次に、テンプレートを変更します

call.request('バックグラウンド メソッドに対応する', {渡される値} , this.success, this.失敗) ここでは、getData をリクエストとして渡し、その値を書き込んでバックエンドに渡す必要があります。同時に、バックエンドには対応する受け入れられる変数が必要です。例:

テーマを設定し、タイプとコンテンツがバックグラウンドに渡されます。また、(openid を使用して) 誰がそれを書いたかを知る必要もあります。その場合、対応する呼び出しは次のようになります。 call.request('method', {openid: 着用する openid 、タイトル: e.detail.value(入力値を取得)、タイプ: 同じ理由、内容: 同じ理由}、this.success、this、fail)、バックエンドに対応し、openid を受け取るために別の変数を使用します。他のものはオブジェクトを使用してそれを受信するので、これが達成されます。 アプレットは値をバックグラウンドに渡します

このようにして、アプレットとバックグラウンドの間の対話が実現されます。

関連記事:

WeChatアプレットwx.requestでバックグラウンドデータインタラクション機能分析を実現

WeChatアプレットでバックグラウンドPHPとのインタラクションを実現

関連動画:

WeChatアプレットイベントインタラクション-Qianfeng Education WeChat Mini Program Developmentビデオチュートリアル

以上がミニ プログラムはバックグラウンド データを使用したインタラクティブなテンプレート分析を実装しており、簡単に開始できます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。