新乡SEO凯瑞,专业提供手机网站制作,微信商城制作开发,各种网站建设优化服务。
当前位置:新乡SEO凯瑞博客 > 微信开发 > 正文

微信小程序商城开发中需要注意的5个问题

10-12 微信开发

本文就给大家介绍一下微信小程序商城开发中需要注意的5个问题

⒈收货地址
在静态布局后,把整个选择地址,创建地址(地图选址),重新编辑修改地址,删除地址的页面全都写好之后,查看会出现两套页面!其实完全没有必要,因为小程序自带的 wx.chooseAdress 是直接调用微信底层的方法。

⒉小程序最多只能跳5栈
在开发小程序前一定要熟知业务流程,尽量把跳转页面控制在5栈之内。

⒊页面传值
用法跟html+javascript类似。方法很多,本文只介绍两种:通过链接传值和本地存储传值!

    ①链接传值:
wxml 代码:
<navigator url="../orderForm/orderForm?form_id=1">
在接收页面的 js 中写
onLoad:function(options){
    this.setData({
        Form_id:options.form_id
    })
}
这样就接收到传过来的值了。

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

// 把选中的商品 id(cartIdString)放入本地存储 供支付页面使用
    wx.setStorage({
      key: 'cartIdString',
      data: cartIdString,
      success:function(res){
        console.log('sucess')
      }
    })
    // 把选中的商品 总价 放入本地存储 供支付页面使用
    wx.setStorage({
      key: 'total',
      data: that.data.total,
      success: function (res) {
        console.log('sucess')
      }
    })
接收页面的 js 中写

onReady:function(e){
    var that = this;
    // 给后台返回购物车页面中被选中商品的 id
    wx.getStorage({
      key: 'cartIdString',
      success: function (res) {
        console.log(res.data)
      }
    })
// 返回购物车页面中被选中商品的 总价
    wx.getStorage({
      key: 'total',
      success: function (res) {
        that.setData({
          total: res.data
        })
      }
    })
⒋request请求数量
小程序在运行时,同时存在的 request 请求数量限制在5个。解决办法:在页面出栈时将该页面的所有 request 请求全部销毁。
先给每一个 request 请求赋给一个变量,然后在 onUnload 事件中用 requestTask.abort() 方法将其销毁。

js 代码如下:
onLoad: function () {
    var that = this;
    var a = wx.request({
      url: 'http://192.168.200.146:8080/trwl/xcx/selcar',
      method: 'GET',
      dataType: 'json',
      success: function (res) {
        that.setData({
          carts:res.data
        })
        that.sum()
      },
      fail: function (res) { },
      complete: function (res) { },
    })
  },
//将 request 进行销毁
onUnload: function () {
    requestTask.abort();
    a.abort();
}
5.往后台传求组时不能直接以Array的格式传,需要将其转换成字符串格式。
代码如下:

var cartIdArray = [];
    var cartIdString = '';
    var carts = this.data.carts;
    for(var i=0;i<carts.length;i++){
      if(carts[i].ch){
        cartIdArray.push(this.data.carts[i].cartId)
      }
    }
    for (var i = 0; i < cartIdArray.length; i++) {
      cartIdString += cartIdArray[i] + ",";
    }
以上就是给大家介绍的微信小程序商城开发中需要注意5个问题。并提供了解决方法希望可以帮助大家。

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

版权声明: 本文由新乡seo凯瑞博客发布,转载请保留链接: https://www.seokr.cn/wxkf/88.html