如图所示是接下来需要完成的效果:
页面结构:2个, index (首页)以及 details (详情页),首页是产品列表,点击产品后进入对应的详情页。
首页的wxml结构:
首页的js数据:
对于详情页请求数据,核心在于点击对应产品然后请求对应的产品数据,因此这里的 navigator 组件跳转的url至关重要,这里的 /pages/details/details?goodsId={{index} 是模拟了后台提供的数据接口,后面的 goodsId 作为产品的辨识符,当点击之后可以获取到当前点击的是哪个产毕含芹品,以供详情页进行请求数据。
详情页wxml结构:
详情手毕页js数据:
详情页请求数据的重点在于生命周期函数, onLoad 函数,它可以在页面加载的时候进行触发,并可以通过参数获取到跳转链接上面的辨识符,也就是通过 onLoad 函数中的 options ,获取到了刚才在 index.wxml 页面url中的辨识符: goodId ;
通过它可以获取到对应的产品数据,再将数据进行修改更新到详情页结构 details.wxml 即可。
本案例中跨页面传递数据主要是利用老凯了URL传值,在另外一个页面中接收,并将数据渲染到页面中,这个过程就需要用到生命周期函数:onLoad函数。
1微信小程序,简称CX,是一种春猛判不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。
2应用将无处不在,随时可用,但又无需安装卸载。
3微信小程序于2017年1月9日凌晨正式上线。
4用户只要将微信更新至最新版本,体验过小程序后,便可在发现页面看到小程序TAB,但微信并不会通过这个地方向用户推荐小程扒改序。
a.小程序在微信没有集中入口。
b.微信不会推出小程序商店,也不会向用户推荐小程序。
c.小程序没有订阅关系,没有粉丝,只有访问,只有访问量。
d.小程序不能推送消息。
e.小程序不能做游戏。
1.提供小程序页概念:支持分享当前信息,例如分享00700股票页面,好友打开时看到的是00700股票的实时信息,而无需再次启动小程序。
2.对话分享:可以分享到对话,支持分享给单个好友及微信群。
3.搜索查找:小程序可以被搜索,但微信会极力限制搜索能力,目前提供的搜索功能是用户可直接根据名称或品牌搜索小程序。。
4. 公众号关联:在小程序与公众号为同一开发主体的前提下,提供小程序与微信公众号之间的关联。
5.线下扫码:提供线下提示用户附近有哪些小程序存在的功能知侍。用户可以通过线下扫码使用,这也是微信提倡的接入方式。
6. 小程序切换:小程序支持挂起状态,即多窗口概念,用户可以把小程序先挂起,然后做别的事情,在需要这个小程序的时候可以快速调用,回到最开始的状态。
7.消息通知:商户可以发送模板消息给接受过服务的用户,用户可以在小程序内联系客服,支持文字和图片,解决用户与小程序的沟通问题。
8.历史列表:用户使用过的小程序会被放入列表,方便下次使用。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)