WeChatアプレットはどのようにデータベースの真実なデータをロードしますか?
WeChatの手続きはウェブサイトのデータベースの中の真実なデータをロードします。硬さの要求があります。あなたのウェブサイトのドメイン名はhttpsプロトコルでなければいけません。そうでなければ、あなたの第一歩はサーバーのドメイン名の配置が通らないです。https://www.100txy.com具体的な申請手順は自分で申請します。ここではあまり紹介しません。以下は私のブログの素材を載せる最新の6つのデータを事例として分析します。以下は詳細な手順です。
一、小さいプログラムの楽屋に入ってhttpsサーバーのドメイン名を設定する
二、プログラムで呼び出したデータを書いて、json形式に戻ります。
私のダウンロードテンプレートはindexの中にあるので、すべての論理コードはindex.jsの中に記入します。以下は具体的なコードです。
index.wxmlにデータをロードします。具体的なコードは以下の通りです。
ここでは、WeChatアプレットがデータベースの実際のデータをどのように読み込むかについての記事を紹介します。より多くの関連のアプレットがデータベースの内容をロードしています。私たちの以前の文章を検索したり、下記の関連記事を引き続き閲覧したりしてください。これからもよろしくお願いします。
一、小さいプログラムの楽屋に入ってhttpsサーバーのドメイン名を設定する
二、プログラムで呼び出したデータを書いて、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);
}
三、データの呼び出し私のダウンロードテンプレートはindexの中にあるので、すべての論理コードは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)
}
})
},
四、リストテンプレートにデータをレンダリングする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}}
</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アプレットがデータベースの実際のデータをどのように読み込むかについての記事を紹介します。より多くの関連のアプレットがデータベースの内容をロードしています。私たちの以前の文章を検索したり、下記の関連記事を引き続き閲覧したりしてください。これからもよろしくお願いします。