小程序模板網(wǎng)

秀杰實(shí)戰(zhàn)教程系列《十二》:基于LeanCloud實(shí)現(xiàn)訪問(wèn)網(wǎng)絡(luò)與數(shù)據(jù)存儲(chǔ) ...

發(fā)布時(shí)間:2018-03-29 17:25 所屬欄目:小程序開(kāi)發(fā)教程

目標(biāo)

使用LeanCloud JS_SDK讀取電商系統(tǒng)的商品分類

準(zhǔn)備

https://www.leancloud.cn上注冊(cè)帳號(hào),創(chuàng)建倉(cāng)庫(kù),建Category表,建title字段

無(wú)限級(jí)分類建表結(jié)構(gòu)

建立字段parent,類型為Pointer,指向Category對(duì)象

下載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')

連接數(shù)據(jù)倉(cāng)庫(kù),取查詢所有分類

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));
        });
    }
})

這時(shí)控件臺(tái)可以看到輸出category所有分類

潮流女裝 連衣裙 針織開(kāi)衫 羽絨服 時(shí)尚T恤 家用電器 電視 空調(diào)

條件查詢獲得頂級(jí)分類

query.equalTo('parent',null);

這時(shí)控件臺(tái)可以看到輸出category頂級(jí)分類

潮流女裝 家用電器

Pointer方式查詢二級(jí)分類

        // 查詢父級(jí)分類下的所有子類
        var parent = AV.Object.createWithoutData('Category', '581415bf2e958a005492150b');
        query.equalTo('parent',parent);

這時(shí)控件臺(tái)可以看到輸出category潮流女裝分類下的所有子類

連衣裙
針織開(kāi)衫
羽絨服
時(shí)尚T恤

配合布局與js文件,實(shí)現(xiàn)分類頁(yè)面

wxml:

<view class="container">
    <!-- 側(cè)邊欄 -->


本文地址:http://22321a.com/wxmini/doc/course/22938.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢