So laden Sie Daten aus der Datenbank im WeChat-Applet

angryTom
Freigeben: 2020-03-05 11:26:23
nach vorne
4922 Leute haben es durchsucht

In diesem Artikel wird die Methode vorgestellt, mit der das WeChat-Applet echte Daten aus der Datenbank lädt. Dabei geht es hauptsächlich um die Konfiguration des Domain-Name-Servers und das Schreiben der Backend-API sowie um das Schreiben des Anforderungscodes im WeChat-Applet die Applet-Entwicklung lernen!

So laden Sie Daten aus der Datenbank im WeChat-Applet

Wie lädt das WeChat-Applet Daten aus der Datenbank?

Es gibt eine strenge Anforderung, dass das WeChat-Applet echte Daten lädt Daten aus der Website-Datenbank. Voraussetzung ist, dass Ihr Website-Domänenname das HTTPS-Protokoll hat, andernfalls können Sie den ersten Schritt der Server-Domänennamen-Konfiguration nicht bestehen. Sie können die spezifischen Anwendungsschritte nicht durchführen zu viel Einführung hier. Als nächstes werde ich die neuesten 6 Daten zum Laden meines Blog-Materials als Beispiel für die Analyse verwenden. Im Folgenden sind die detaillierten Schritte aufgeführt.

1. Geben Sie den Hintergrund des Miniprogramms ein, um den https-Serverdomänennamen zu konfigurieren

So laden Sie Daten aus der Datenbank im WeChat-Applet

2 Rufen Sie Daten im Programm auf. Und geben Sie das JSON-Format zurück

// Rufen Sie die Materiallistenschnittstelle ab. Diese Methode befindet sich in 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);
  }
Nach dem Login kopieren

3. Anrufdaten

Da sich meine Download-Vorlage im Index befindet, müssen alle Logikcodes in index.js geschrieben werden. Das Folgende ist der spezifische 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)
      }
    })
  },
Nach dem Login kopieren

4. Geben Sie in den Listenvorlagen-Rendering-Daten

index.wxml ein, um Daten zu laden. Der spezifische Code lautet wie folgt

<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>
Nach dem Login kopieren

Der endgültige Effekt ist wie folgt Folgendes: Dies sind die neuesten 6 Daten meines Blogmaterials. Ich habe den Quellcode dieses kleinen Programms auf Github gestellt. Freunde, die ihn benötigen, können ihn herunterladen und einen Blick darauf werfen.

So laden Sie Daten aus der Datenbank im WeChat-Applet

Weitere WeChat Mini-Programmentwicklungs- Tutorials finden Sie auf der chinesischen PHP-Website! !

Das obige ist der detaillierte Inhalt vonSo laden Sie Daten aus der Datenbank im WeChat-Applet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:www.100txy.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!