商品收藏的功能描述:用户对一件商品重复的进行收藏与取消收藏操作。点击收藏,将商品收藏成功,并且图标变为 已收藏;点击已收藏,则取消对该商品的收藏,并且图标变为 收藏 。这个操作可以重复进行!
下面是我设计此功能的步骤以及关键代码:
1.首先创建一张收藏表:我的收藏表只有三个数组:id;userID(用户id);productID(产品id);
2.写添加收藏与取消收藏的方式(要按照userID和productID两个参数来实现收藏与取消收藏的);
3.我的收藏图标是在商品详情页,所以要在步入商品详情页的时侯进行判定,判断该用户有没有收藏该商品!如果该用户已收藏该商品,则图标显示 已收藏,反之,则显示 收藏 。
4.在步入商品详情页,根据点击图标所显示的文字来判定你所进行的操作,如果点击的文字是收藏,则触发收藏风波,通过ajax进行该用户对该产品的收藏技巧;如果点击的文字是已收藏,则触发取消收藏风波,也是通过ajax进行该用户对该产品的取消收藏技巧。(注意:这里要先获取到该用户的userID和该商品的productID,这两个参数都可以在步入商品详情的那种方式中获取;“collection.do” 添加收藏的方式,“deleteUcByUPId.do”取消收藏的方式。)
商品详情页关键代码如下: