美文网首页
2018-03-02 云音乐3

2018-03-02 云音乐3

作者: tsl1127 | 来源:发表于2018-03-03 22:22 被阅读0次
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

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

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

相关文章

网友评论

      本文标题:2018-03-02 云音乐3

      本文链接:https://www.haomeiwen.com/subject/nigaxftx.html