2018-03-02 云音乐3

image.png

刷新页面之后，歌曲列表就消失了，所以先做查询功能，就是从数据库里读取内容然后显示在列表中
console.dir(query)

image.png

image.png

find方法

image.png

image.png

接下来做修改歌曲（编辑歌曲）

点击歌单里的某个歌曲，会变颜色

在song-list.js里先在view里加

image.png

然后在controller里调用

image.png

问题：选中了之后，新建歌曲颜色没消失啊？

给每个歌曲加个id

image.png

image.png

接下来做：选中歌曲后，右边显示对应的信息
getAttribute
在song-list.js中发布信息

image.png

在song-form.js中订阅信息

image.png

问题：选中歌曲的时候，右边的文字应该显示“编辑歌曲”

image.png

image.png

prepend

image.png

song-list里

image.png

song-form里

image.png

问题：上传文件之后，右边form里是空的

image.png

new-song里订阅的upload会自动触发new事件，new呢会清空数据

image.png

解决：把upload和new事件合并

问题：点击“新建歌曲”会清空右边数据
解决：如果这个歌曲在数据库里（点击“新建歌曲”），那么就清空；如果是新上传的（不在数据库里，点击“新建歌曲”），就不清空

image.png

接下来做 如果新上传的歌曲在歌单中存在，那么就歌单就不变化，如果不存在那么就更新

image.png

image.png

image.png

问题：编辑修改保存之后，leancloud后台更新了，但是song-list里没自动更新

image.png

image.png

image.png

问题：刚编辑完点保存之后，对应歌曲的变了，但是高亮消失了

image.png

让选中了之后，高亮不消失

image.png

增删改查 ——后台管理系统

前后端如何打交道：看下代码里的发的请求，看下参数