商品条码记录信息留言评论小程序

商品条码记录信息留言评论小程序

一个可以帮你在可口可乐上写日记的小程序,对准上面的小程序码,扫一下,‘嘀’~地一声,扫码成功,打开小程序,进入小程序首页。
因为手头上没有可乐,所以我找来了一只非常专业的猫,扮演一瓶330ml的可口可乐演示给大家看。
摁住它,对准它的条码,扫一下,‘喵’~地一声,说明猫跑掉了,扫码失败了,去追
如果‘嘀’~地一声,说明扫码成功了,这时页面就自动跳到商品详情页。
然后你就可以看得到别人在可口可乐下写的留言,当然你也可以点击右下角的蓝色按钮就发表你的留言了;

原理:因为一个商品对应唯一一个条码,所以扫描同一个商品条码就可以进入唯一一个留言列表;
全国各地的可口可乐330ml的条形码都是一样的,扫码后都会进入同一个页面
条形码就像一个暗号,一句口令,一个邮差.. 当然,不只是条形码,二维码也可以留言,比如说别人的微信二维码一般是长时间不会变的,你可以码上说别人坏话。

首页
商品条码记录信息留言评论小程序

首页有三个部分:

1.用户的信息:头像和昵称;
2.轮播图-可以放一些平时要展示的图片;
3.扫码按钮-点击即可打开扫描条码;

添加留言页面
商品条码记录信息留言评论小程序

留言提交成功之后,页面会自动切回商品详情页面,这时,你就可以看到自己刚刚的留言了;

排行榜页面

商品条码记录信息留言评论小程序

有过留言的商品都会出现在排行榜页面,并且按照留言的数量多少进行排列,点击单个商品就查看该商品下的留言;

商品详情页
商品条码记录信息留言评论小程序

进入详情页后,我们的第一件事情:在生命周期onLoad中获取首页传过来商品条码,然后根据条码请求当前商品的留言列表,如果这个商品还没有人扫过的话,就可能没有留言,那我们只要显示“暂无留言”即可

体验地址:
商品条码记录信息留言评论小程序

分享到 :
相关推荐

发表评论

登录... 后才能评论