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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ansheng02/article/details/81698038

        首先,我不得不感慨下,慕课网上“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”了解下~真的很受用!

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

        不说了,接着干吧!

猜你喜欢

转载自blog.csdn.net/ansheng02/article/details/81698038