WeChat 애플릿의 데이터베이스에서 데이터를 로드하는 방법

이 글에서는 WeChat 애플릿이 데이터베이스에서 실제 데이터를 로드하는 방법을 소개합니다. 주로 도메인 이름 서버를 구성하고 백엔드 API를 작성하며, WeChat 애플릿에 요청 코드를 작성하는 방법을 소개합니다. 애플릿 개발을 배워보세요!

WeChat 애플릿이 데이터베이스에서 데이터를 로드하는 방법

웹사이트 데이터베이스에 실제 데이터를 로드하려면 WeChat 애플릿에는 엄격한 요구 사항이 있습니다. 즉, 웹사이트 도메인 이름은 https 프로토콜이어야 합니다. 그렇지 않으면 귀하는 서버 도메인 이름 구성의 첫 번째 단계를 통과할 수 없습니다. 여기서는 자세한 소개를 진행하지 않겠습니다. 다음으로, 내 블로그 자료에 로드된 최신 6개의 데이터를 예로 들어 분석하겠습니다.

1. https 서버 도메인 이름을 구성하기 위해 미니 프로그램의 배경을 입력합니다.

2. 프로그램에 호출 데이터를 작성하고 json 형식으로 반환합니다.

//자료 가져오기 list 인터페이스에서 이 메소드는 ApplicationHomeControllerWeixinController에 있습니다. class.php에서

  public function getdownList(){
    $data=M('Material')->field('id,title,path,date,down,description,view')->order('date desc')->limit(6)->select();
    echo json_encode($data);
  }

3. 데이터 호출

내 다운로드 템플릿이 index에 있으므로 모든 로직 코드는 index.js에 작성되어야 합니다. code

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function () {
    console.log('onLoad')
    var that = this
    wx.request({
      url: 'https://www.100txy.com/weixin/getdownlist', //真实的接口地址
      data: {},
      header: {
        'content-type': 'application/json'
      },
      success: function (res) {
 
        console.log(res.data)
        that.setData({  
          Industry: res.data //设置数据
        })  
      },
      fail: function (err) {
        console.log(err)
      }
    })
  },

4. List 템플릿 렌더링 데이터

index.wxml을 입력하여 데이터를 로드합니다. 구체적인 코드는 다음과 같습니다

<view class="newsInfo">
   <block wx:for="{{Industry}}" >
    <view class="newsList" wx:for-index="idx"  bindtap="showDetail" id="{{item.id}}">
      <view class="pic">
        <image style="width:110px;height:80px;" src="https://www.100txy.com/{{item.path}}"></image>
      </view>
      <view class="news_title">
        <text class="title_subject">{{item.title}}\n</text>
        <text class="title">{{item.description}}</text><text class="dianping">浏览 {{item.view}}  下载 {{item.down}}</text>
      </view>
      </view>
    <view class="hr"></view>
   </block>
</view>

최종 효과는 다음과 같습니다. 내 블로그의 최신 6개 데이터입니다. 이 작은 프로그램의 소스 코드를 github에 올려두었습니다. 필요한 친구들은 다운로드하여 살펴볼 수 있습니다.

더 많은 WeChat 미니 프로그램 개발 튜토리얼을 보려면 PHP 중국어 웹사이트를 주목하세요! !

위 내용은 WeChat 애플릿의 데이터베이스에서 데이터를 로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!