小程序模板网

秀杰实战教程系列《十二》:基于LeanCloud实现访问网络与数据存储 ...


目标

使用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">
    <!-- 侧边栏 -->


本文地址:https://www.eyoucms.com/wxmini/doc/course/22938.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询