• 144647

    文章

  • 854

    评论

  • 13

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

开始第一个微信小程序(五)


上一节已经顺利的完成了一个商品列表的展示了,非常开心,但是一个小程序不只有商品展示,还要根据选中的商品跳转至详情页面,并且在详情页面展示该商品的一系列具体信息,那么接下来就开搞。

    这里我的步骤如下:
    1.列表页面跳转绑定
    2.跳转成功后接受参数
    3.接受后如何展示详情

1.列表页面跳转绑定

其实做过html页面绑定的肯定都知道按钮onclick事件,就是当鼠标单击后触发的函数。那么由此我就幻想到,是不是小程序也有这样一个类似的事件,找了下资料果然有。
那就是bindtap这是相当于onclick事件开始第一个微信小程序(五)
上图中,我在区域中绑定了一个函数名:navigateDetail 并且这个区域的数据aid是数组循环当前下标的id字段

接下来看看函数怎么写,这里很简单,和js一样
开始第一个微信小程序(五)

这样一个简单的传递参数就做好了。

2.跳转成功后接受参数

接下来,看看接收参数怎么做。
开始第一个微信小程序(五)

很简单的做法,在onload里面接收,接收的对象直接.传递名就能接收成功,然后再赋值给我定义的全局变量。

3.接受后如何展示详情

参数接收成功了,能清楚的了解到,传递过来的是某个商品的唯一标识ID,那么根据微信小程序提供的接口请求方式就可以将ID传递给接口,由接口来做查询并返回对应的json数据。
![](https://s4.51cto.com/images/blog/202012/04/bf9c422f42c24d1967b12fd57310de45.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

基本上简单的传递参数查询,已经完成了,页面的丰富性就看个人水平了,一个小目标又完成了,下次继续研究一下个人呢授权登录,登录后的用户唯一性的存储问题。

695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


发表评论

电子邮件地址不会被公开。 必填项已用*标注

自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客