秀杰實戰教程系列《十二》：基于LeanCloud實現訪問網絡與數據存儲 ...
發布時間：2018-03-29 17:25 所屬欄目：小程序開發教程
目標
使用LeanCloud JS_SDK讀取電商系統的商品分類
準備
在https://www.leancloud.cn上注冊帳號，創建倉庫，建Category表，建title字段
無限級分類建表結構
建立字段parent，類型為Pointer，指向Category對象
下載JS_SDK
https://unpkg.com/leancloud-storage@2.0.0-beta.2/dist/av-weapp.js
文檔出處：https://leancloud.cn/docs/weapp.html
安裝
將上面的js文件保存此util目錄
使用
在category.js中引入
const AV = require('../../utils/av-weapp.js')
連接數據倉庫，取查詢所有分類
Page({
onLoad: function(){
AV.init({
appId: "SgHcsYqoLaFTG0XDMD3Gtm0I-gzGzoHsz",
appKey: "xdv2nwjUK5waNglFoFXkQcxP",
});
var query = new AV.Query('Category');
query.find().then(function (categories) {
for (var i = 0; i < categories.length; i++) {
var category = categories[i];
console.log(category.attributes.title);
}
}).catch(function(error) {
alert(JSON.stringify(error));
});
}
})
這時控件臺可以看到輸出category所有分類
潮流女裝 連衣裙 針織開衫 羽絨服 時尚T恤 家用電器 電視 空調
條件查詢獲得頂級分類
query.equalTo('parent',null);
這時控件臺可以看到輸出category頂級分類
潮流女裝 家用電器
Pointer方式查詢二級分類
// 查詢父級分類下的所有子類
var parent = AV.Object.createWithoutData('Category', '581415bf2e958a005492150b');
query.equalTo('parent',parent);
這時控件臺可以看到輸出category潮流女裝分類下的所有子類
連衣裙 針織開衫 羽絨服 時尚T恤
配合布局與js文件，實現分類頁面
wxml:
<view class="container">
<!-- 側邊欄 -->
