网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網

微信小程序開發中常用知識點

發布時間:2021-06-08 08:31 所屬欄目:小程序開發教程
在這里,我主要整理了一些小程序開發過程中常用的功能點,主題和tabBar的設置、授權檢測、模板消息推送等。

1、主題和tabBar的設置,這倆會經常配置在app.json里面。
  1. "window":{
  2.     "navigationBarBackgroundColor": "#1AAD19",//導航條背景色
  3.     "navigationBarTitleText": "某某某",
  4.     "navigationBarTextStyle":"white"//導航條文字以及圖標顏色
  5.   },
  6.   "tabBar": {        //list選項最少2個,最多5個
  7.     "color": "#515151",
  8.     "selectedColor": "#ff5777",
  9.     "borderStyle": "black",
  10.     "backgroundColor": "#fff",
  11.     "list": [
  12.       {
  13.         "text": "Tab1",
  14.         "pagePath": "pages/index/index",
  15.         "iconPath": "pages/image/tidan_unfocus.png",
  16.         "selectedIconPath": "pages/image/tidan_focus.png"
  17.       },
  18.       {
  19.         "text": "Tab2",
  20.         "pagePath": "pages/activity/activity",
  21.         "iconPath": "pages/image/activity_unfocus.png",
  22.         "selectedIconPath": "pages/image/activity_focus.png"
  23.       },
  24.       {
  25.         "text": "Tab3",
  26.         "pagePath": "pages/my/my",
  27.         "iconPath": "pages/image/my_unfocus.png",
  28.         "selectedIconPath": "pages/image/my_focus.png"
  29.       }
  30.     ]
  31.   }

2、是否已經授權的檢測
  1. /**
  2.    * 判斷是否已經授權
  3.    */
  4.   judgeAuthorize: function() {
  5.     wx.getSetting({
  6.       success: function(res) {
  7.         if (!res.authSetting['scope.userInfo']) { //未授權
  8.            //進行彈窗提示去授權或者設置一個授權頁面覆蓋
  9.         }
  10.       }
  11.     })
  12.   },

需要注意的一點是:隨著版本的升級,可能以后wx.getUserInfo都就無法獲取用戶信息了,雖然在正式版中現在還好用。官方提倡用button組件去實現彈窗授權。說實話,我真心受不了這種實現方式。按照文檔設置一下:
  1. <button class='text btn' open-type="getUserInfo" bindgetuserinfo='getInfo'>登錄授權</button>

這樣就監聽getInfo這個回調方法就行了!
  1.   /**
  2.    * 點擊獲取用戶授權
  3.    */
  4.   getInfo: function(e) {
  5.     if (e.detail.userInfo) { //同意授權
  6.       app.nickName = e.detail.userInfo.nickName;
  7.       app.avatarUrl = e.detail.userInfo.avatarUrl;
  8.       self.getOpenId();
  9.     } else { //拒絕授權
  10.       wx.showModal({
  11.         title: '提示',
  12.         content: '未授權,無法正常使用小程序功能,請重新點擊授權',
  13.         showCancel: false
  14.       })
  15.     }
  16.   },
后面流程就不貼代碼了,就是用wx.login去獲取code,再用code去獲取openid,最后再把openid、昵稱、頭像一塊提交到后臺接口就ok了!

3、模板消息的推送

表單提交,指定一些屬性即可。如下
  1. <form report-submit="true" bindsubmit="commitInfo">
  2.     <button formType="submit">提交</button>
  3. </form>
  4.  
  5.  
  6.  
  7. commitInfo:function(e){
  8.    console.log(e.detail.formId);
  9. }

后臺要實現模板推送,需要前臺提供一個formId,需要注意兩點:1、這個formId只能使用一次,用完即失效。2、模板消息只能推送給當前提交這個formId的微信賬號,說白了,就是只能推送給自己,不能推送給別人。

以上就是一些簡單的微信小程序開發知識總結,希望對大家有一定幫助。


易優小程序(企業版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.xiuhaier.com/wxmini/doc/course/26118.html 復制鏈接 如需定制請聯系易優客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×