vue项目中实现添加收藏的功能,以及利用vue-resource发送请求
1.添加收藏功能 创建一张表,保存歌手id,用户id,利用外键将歌手表与用户表关联起来。如果添加收藏之后,为该用户添加一条数据,取消收藏后,将该条数据删除。 当用户登录之后才能显示歌手列表中该用户已经收藏过的歌手,然后将这些收藏的信息保存在"我的收藏"中。 同时要考虑,歌手列表在用户未登录之前,是为收藏状态,当用户登录成功之后要进行判断,将已经收藏的歌手信息改
1.添加收藏功能
创建一张表,保存歌手id,用户id,利用外键将歌手表与用户表关联起来。如果添加收藏之后,为该用户添加一条数据,取消收藏后,将该条数据删除。
当用户登录之后才能显示歌手列表中该用户已经收藏过的歌手,然后将这些收藏的信息保存在"我的收藏"中。
同时要考虑,歌手列表在用户未登录之前,是为收藏状态,当用户登录成功之后要进行判断,将已经收藏的歌手信息改变未已收藏状态;在判断状态时,利用自定义属性data-show,保存当前已收藏歌手的id,来改变其显示状态。在获取数据时,利用数据的拼接,获取该用户下的所有已收藏的歌手信息。
2.利用vue-resource想服务器端发送请求
get请求:
this.$http.get("url",{params:{"参数1":"值","参数2":"值",.......}).then(res=>{
res.data为接收到的数据
})
post请求:
this.$http.post("url",{"参数1":"值","参数2":"值",......},emulateJSON:true).then(res=>{
res.data为接收到的数据
})
post请求说明:
使用post方式提交数据时,必须添加emulateJSON:true。如果web服务器无法处理编码为application/json的请求,你可以启用emulateJSON选项。启用该选项后,请求会以application/x-www-form-urlencoded作为MIME type,就像普通的HTML表单一样。
更多推荐
所有评论(0)