文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

微信商城小程序开发注意要点有哪些

2023-06-26 09:14

关注

这篇文章主要介绍微信商城小程序开发注意要点有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

⒈收货地址 
这个问题,想起来就醉的不行!在开始静态布局的时候,费了大半天劲,把整个选择地址,创建地址(地图选址),重新编辑修改地址,删除地址的页面都写好,然后在手机预览。点一下选择收货地址,蹦出来两套页面啊!一套就是我写的,另一套是…… 
当初是死活也没想到小程序自带的 wx.chooseAdress 是直接调用微信底层的方法的,而且所有功能应有尽有。真是欲哭无泪啊!!!

分析下发生这种事情的原因:首先刚开始接触小程序,对一些方法在不了解的情况下就开始入手写代码,也算是个大忌了;其次这个功能在较低版本的开发者工具上面是预览不出该效果的,只能在手机预览;再次臣妾实在是没想到啊。

就当是个教训了,在此提醒各位新手一定要避开这个坑!

⒉小程序最多只能跳5栈 
在开发小程序前一定要熟知业务流程,尽量把跳转页面控制在5栈之内。详情参考 API 。 
如果遇到一些比较复杂的业务流程,无法控制在5栈之内,请参考某大神的系列文章

⒊页面传值 
这个比较简单些,用法跟html+javascript类似。方法有多种,我只说我用到的两种:通过链接传值和本地存储传值!

链接传值: 
wxml 代码

  1. <navigator url="../orderForm/orderForm?form_id=1">

在接收页面的 js 中写

  1. onLoad:function(options){

  2. this.setData({

  3. Form_id:options.form_id

  4. })

  5. }

这样就接收到传过来的值了。

本地存储传值:  传值页面的 js 中写

  1. // 把选中的商品 id(cartIdString)放入本地存储 供支付页面使用

  2. wx.setStorage({

  3. key: 'cartIdString',

  4. data: cartIdString,

  5. success:function(res){

  6. console.log('sucess')

  7. }

  8. })

  9. // 把选中的商品 总价 放入本地存储 供支付页面使用

  10. wx.setStorage({

  11. key: 'total',

  12. data: that.data.total,

  13. success: function (res) {

  14. console.log('sucess')

  15. }

  16. })

接收页面的 js 中写

  1. onReady:function(e){

  2. var that = this;

  3. // 给后台返回购物车页面中被选中商品的 id

  4. wx.getStorage({

  5. key: 'cartIdString',

  6. success: function (res) {

  7. console.log(res.data)

  8. }

  9. })

  10. // 返回购物车页面中被选中商品的 总价

  11. wx.getStorage({

  12. key: 'total',

  13. success: function (res) {

  14. that.setData({

  15. total: res.data

  16. })

  17. }

  18. })

⒋request请求数量  整个小程序在运行时,同时存在的 request 请求数量限制在5个。解决办法是在页面出栈时将该页面的所有 request 请求全部销毁。  先给每一个 request 请求赋给一个变量,然后在 onUnload 事件中用 requestTask.abort() 方法将其销毁。

js 代码

  1. onLoad: function () {

  2. var that = this;

  3. var a = wx.request({

  4. url: 'http://192.168.200.146:8080/trwl/xcx/selcar',

  5. method: 'GET',

  6. dataType: 'json',

  7. success: function (res) {

  8. that.setData({

  9. carts:res.data

  10. })

  11. that.sum()

  12. },

  13. fail: function (res) { },

  14. complete: function (res) { },

  15. })

  16. },

  17. //将 request 进行销毁

  18. onUnload: function () {

  19. requestTask.abort();

  20. a.abort();

  21. }

5.往后台传求组时不能直接以Array的格式传,需要将其转换成字符串格式  代码如下:

  1. var cartIdArray = [];

  2. var cartIdString = '';

  3. var carts = this.data.carts;

  4. for(var i=0;i<carts.length;i++){

  5. if(carts[i].ch){

  6. cartIdArray.push(this.data.carts[i].cartId)

  7. }

  8. }

  9. for (var i = 0; i < cartIdArray.length; i++) {

  10. cartIdString += cartIdArray[i] + ",";

  11. }

以上是“微信商城小程序开发注意要点有哪些”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网行业资讯频道!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯