利用leanclound做一个商品列表和详情的页面

前言

leanclound是BaaS 提供商,提供数据存储、文件存储、云引擎、容器、即时通讯、消息推送、短信、游戏云等多项服务,为移动开发提供强有力的后端支持。使用leanclound,你只需要会web前端就能自己做一个网站.

目录

1. 文档地址

   1. 安装地址 https://leancloud.cn/docs/sdk_setup-js.html
   2. 简单教程地址 https://leancloud.cn/docs/leanstorage-started-js.html
   3. 数据存储api地址 https://leancloud.cn/docs/leanstorage_guide-js.html

2. 注册leanclound账号

3. 在平台上创建项目

4. 使用 ui库 http://m.sui.taobao.org/getting-started/

5. 页面增删改查

(一) 在平台上创建项目

1. 进入控制台 -> 登录 ->创建项目

   
   image.png
   

   输入项目的名称,选择方案,我们选择开发版 -> 点击创建

2. 点击页面上的存储,我们将来存储的东西就在里面
   点击设置,可以查看项目的相关信息

js对leanclound数据库的增删改查 (比如城市模块的增删改查)

1. 添加一条数据

// 增加一条数据
    submit: function() {
        // 获取城市名称,城市拼音,是否热门
        var cityName = document.querySelector('#cityName').value;
        var pinyin = document.querySelector('#pinyin').value;
        var isHot = document.querySelector('#isHot').checked;
        
        // 创建一个对城市模块(City)进行操作的对象
        var city = new AV.Object('City');
        // 给city设置属性(设置你要提交到数据库的属性)
        city.set('name',cityName);
        city.set('pinyin',pinyin);
        city.set('isHot',isHot);
        // 提交数据到后台
        // then接收两个函数作为参数,第一个函数是处理成功的情况,第二个函数处理失败的情况
        city.save().then(function(res) {
            console.log('res',res);
            alert('提交成功')
        },function(error) {
            console.log('error',error);
            alert('提交失败')
        });
    }

2. 查看
3. 删除