미니 프로그램은 배경 데이터와 함께 대화형 템플릿 분석을 구현하여 쉽게 시작할 수 있습니다.

최근에 작은 프로그램을 작업하고 있는데 처음 시작했을 때는 페이지 디자인이 비교적 쉬웠는데, 공식 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, 실패), 백엔드에 해당하고, openid를 받기 위해 별도의 변수를 사용하고, 다른 사람들은 객체를 사용하여 이를 수신하므로 이것이 달성됩니다. 애플릿은 값을 배경으로 전달합니다.

애플릿과 배경 간의 상호 작용은 이런 식으로 구현됩니다. 드디어 모든 데이터 수신이 완료되었습니다.

관련 기사:

WeChat 애플릿 wx.request는 배경 데이터 상호 작용 기능 분석을 실현합니다

WeChat 애플릿은 배경 PHP와의 상호 작용을 실현합니다

관련 동영상:

WeChat 애플릿 이벤트 상호 작용-Qianfeng 교육 WeChat Mini 프로그램 개발 비디오 튜토리얼

위 내용은 미니 프로그램은 배경 데이터와 함께 대화형 템플릿 분석을 구현하여 쉽게 시작할 수 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!