|
這篇說一下我們在此次開發商城類的小程序時遇到的一些需要注意的小問題！
⒈收貨地址
這個問題，想起來就醉的不行！在開始靜態布局的時候，費了大半天勁，把整個選擇地址，創建地址（地圖選址），重新編輯修改地址，刪除地址的頁面都寫好，然后在手機預覽。點一下選擇收貨地址，蹦出來兩套頁面??！一套就是我寫的，另一套是……
當初是死活也沒想到小程序自帶的 wx.chooseAdress 是直接調用微信底層的方法的，而且所有功能應有盡有。真是欲哭無淚?。。?！
分析下發生這種事情的原因：首先剛開始接觸小程序，對一些方法在不了解的情況下就開始入手寫代碼，也算是個大忌了；其次這個功能在較低版本的開發者工具上面是預覽不出該效果的，只能在手機預覽；再次臣妾實在是沒想到啊。
就當是個教訓了，在此提醒各位新手一定要避開這個坑！
⒉小程序最多只能跳5棧
在開發小程序前一定要熟知業務流程，盡量把跳轉頁面控制在5棧之內。詳情參考 API 。
如果遇到一些比較復雜的業務流程，無法控制在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] + ",";
}
|
看完點贊的讀者，都是好讀者！
|
