微信小程序——点击商品分类跳转到该商品的商品详情页面(已实现)

        现在是2020年4月13日  23:15。

        看到很多人需要源码,我就把源码分享到公众号上了,文章最后,扫码关注“DataShow Charts”,回复“商品详情”即可获取源码。

        原文章中写了一个比较麻烦且单一的方法,由于还会用于订单结算,所以,最好的是存在缓存中,然后再订单结算的时候还可以取出来,今天白天还在工作,是在晚上下班后,找到以前的源码,稍微修改了下,暂时先更新一版,大概这一周内吧,会写一个简单的商城小程序Demo,只是简单的流程“商品列表-》商品详情-》加入购物车-》结算”,其中具体的逻辑肯定能够都会完善。这周周末也会更新到公众号里,具体获取方法,公众号推送吧。

        公众号运营我是新手,内容不全,以前申请的号,很久都没更新,想着自己写的源码找个地方放一下,就想到了这个,还可以分享~~emmm~跑题了,拉回来~源码有什么问题的,可以直接公众号留言联系,我会每天看的~做到及时回复~~

        以下是原文章。        

————————————————————————————————————————————————————————

        首先,我不得不感慨下,慕课网上“7七月”老师的课真的很强大,此处放链接https://coding.imooc.com/learn/list/75.html

       我只是学习到了一半就开始自己尝试做一个商城的小程序,竟然真的被我完成了大部分。好吧,就这样,这个课明明还有一半,我竟然不听了……

        也不是不听,是我自己懒吧,能自己实现了,哈哈哈~这样还算是个好的结果吧。言归正传,最近几天都在做这个商品分类跳转到相应的商品详情页。

        港真,一开始我是把两个页面分开独立来做了,千万不要这样!千万不要这样!!千万不要这样!!!

        不然等到要拿数据的时候,你会哭的,我承认,我就急哭了好几次,你一个程序媛,难道没有人帮你解决么?呵呵哒……没有!因为没有其他人。不说这个,接着来说实现拿数据。

        先把商品分类的页面数据传递好后,就会是一个比较满意的地基,可以参考图1,而真正抓狂的是数据传递,一开始,我已经拿到了,相应商品详情页的id,正在沾沾自喜,动力十足,准备大干一场的时候,我发现,自己还是太天真了!

         怎么可能这么简单就拿得到全部数据呢?emmmmm……一边难过一边改代码,真是一次深刻又难忘的经历。

        先放图吧,不然我可能总会跑偏话题。

                                  图1                                                                                                                  图2

        以上这两张图分别是商品分类的html和js部分,我用了一个比较麻烦的方法,就是把所有的数据都传了过来,没有后台,如果有后台的话,只需要后台给我一个接口,我只需要传递一个id就完全ok~但目前只能先这样吧。

        突然发现,这篇文章完全没讲技术点,这可真的是……过分啊!

        具体来说,在实现过程中,需要注意的都是细节,比如传参的& =都不要忘了,后面几个我忘了,就一直出现“underfind”。拿到数据后,可以在商品详情页的js里打印出来,直接onLoad: function (options) {console.log(options);},就可以看到自己是否传递正确。

        由于我写数据的时候是一层一层的比较多,所以,拿数据的时候一定一定一定要看清楚数据所在的第几层数组。如果自己会有点迷糊的,那微信开发者工具调试器里的“AppData”和”Sources”了解下~真的很受用!

        好了,我得继续开始实现从加入购物车后,购物车页面的相应实现。虽然我现在已经实现了购物车结算、增减等,可是不能要死数据呀,得传!传数据~~~~

        不说了,接着干吧!

 

    扫码关注,回复“商品详情”即可获得本篇文章的源码~

  • 7
    点赞
  • 72
    收藏
    觉得还不错? 一键收藏
  • 29
    评论
评论 29
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值