WeChat アプレットでデータベースからデータをロードする方法

この記事では、WeChat アプレットがデータベースから実際のデータをロードする方法、主にドメイン ネーム サーバーの構成とバックエンド API の記述、および WeChat アプレットにリクエスト コードを記述する方法を紹介します。アプレット開発を学んでいる人。

WeChat アプレットがデータベースからデータをロードする方法

WeChat アプレットが実際のデータをロードするには厳格な要件がありますWeb サイトのデータベース内 Web サイトのドメイン名が https プロトコルであることが要件です。そうでない場合は、サーバーのドメイン名設定の最初のステップを通過できません。特定のアプリケーション ステップは自分で申請できます。ここでは説明しません。ここでは紹介が多すぎます。次に、私のブログネタで読み込んだ最新6件のデータを例に分析していきますが、具体的な手順は以下の通りです。

1. ミニ プログラムのバックグラウンドを入力して、https サーバーのドメイン名を設定します。

2.プログラム内のデータを呼び出し、json 形式を返します。

//マテリアル リスト インターフェイスを取得します。このメソッドは Application\Home\Controller\WeixinController.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.js に記述する必要があります。具体的なコードは次のとおりです。

/**
   * 生命周期函数--监听页面加载
   */
  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. リスト テンプレートでデータをレンダリングします

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 中国語 Web サイトに注目してください。 ！

以上がWeChat アプレットでデータベースからデータをロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。