1.使用leancloud创建数据库

架构图

代码初始化

https://leancloud.cn/docs/sdk_setup-js.html#hash117588

1. 首先在你的项目目录下生成一个package.json配置文件

npm init

这里你只需要一路回车就行

2. 目录结构
   创建一个src和dist目录
   在src下面创建index.html和admin.html

3. 安装与引用

# 存储服务（包括推送）
$ npm install leancloud-storage --save

这时候你的目录里会多一个node_modules目录，我们不需要对这个目录进行提交，所以需要建一个.gitignore文件把不需要提交的文件写在里面

//根目录下的node_modules，这里的根目录是相对于当前文件的
/node_modules

然后运行

git init
git commit -m

之后在admin.html里通过script引入av-min.js

<script src="../node_modules/leancloud-storage/dist/av-min.js"></script> 
   <script>
       console.log(window.AV)
   </script>

这里要注意如果你通过http-server是在src目录下运行的，那么你监听的就只是src目录，它就永远访问不到src以外的目录（如node_modules目录），所以你上面引入node_modules，运行就会报错，所以你需要在根目录下运行http-server，这时你就要通过localhost:8080/src/admin.html来访问

• 初始化

var APP_ID = 'C53Rb0Jec26fM1aUKD7AYpud-gzGzoHsz';
var APP_KEY = 'qm2nw4mUpOaSrUF2bUsrWisu';

AV.init({
  appId: APP_ID,
  appKey: APP_KEY
});

在leancloud下创建一个163-music-demo应用为其添加数据

我们需要在下面创建三个数据库

User 管理员用户
Song 所有歌曲
Playlist 所有歌单
因为user本来就有所以我们不需要添加
添加一个Song

//创建数据库
        var TestObject = AV.Object.extend('Song');
        //创建一条记录
        var testObject = new TestObject();
        //保存记录
        testObject.save({
          name: 'test',
          singer: 'test',
          url: 'test'
        }).then(function(object) {
          alert('LeanCloud Rocks!');
        })

然后你刷新页面之后就会有一个Song，这里只要创建成功代码就可以删掉

它里面默认就会有一个id，这里面的ACL是Access Control Layer访问控制层

用来控制角色读写权限

创建一个Playlist

//创建数据库
        var TestObject = AV.Object.extend('Playlist');
        //创建一条记录
        var testObject = new TestObject();
        //保存记录
        testObject.save({
          name: 'test',
          cover: 'test',
          creatorId: 'test',
          description: 'test',
          songs: ['1','2']
        }).then(function(object) {
          alert('LeanCloud Rocks!');
        })