微信商城小程序開發注意要點有哪些

這篇文章主要介紹微信商城小程序開發注意要點有哪些，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

⒈收貨地址 
這個問題，想起來就醉的不行！在開始靜態布局的時候，費了大半天勁，把整個選擇地址，創建地址（地圖選址），重新編輯修改地址，刪除地址的頁面都寫好，然后在手機預覽。點一下選擇收貨地址，蹦出來兩套頁面啊！一套就是我寫的，另一套是…… 
當初是死活也沒想到小程序自帶的 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. }

以上是“微信商城小程序開發注意要點有哪些”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！