原创 小程序基礎開發(三):授權,獲取用戶信息,註冊,登錄,簡單封裝request請求

一,授權 1,首先在app.js裏檢測用戶是否授權 // 查看是否授權 wx.getSetting({ success: function (res) { if (res.authSetting

原创 小程序基礎開發(一):配置tab底部欄頁面,page和component的區別,使用component自定義頭部組件樣式和底部導航

目錄page和component的區別page模式1,設置頭部2,設置底部3,新建頁面component模式1,新建組件-自定義頭部欄2,自定義底部欄 page和component的區別 簡單地說,page是官方默認組件,comp

原创 小程序基礎開發(四):template模板應用(2)——帶裁剪功能的頭像上傳,封裝wx.uploadFile組件

一,頭像上傳 wxml <view class="bg-white flex justify-between align-center padding-sm"> <view class="text-black">頭像<

原创 小程序基礎開發(四):template模板應用(3)——日曆組件,可賦值參數(價格、銷量等)

小程序-日曆組件 左右翻頁,上一月下一月模式的 wxml <view class='bg-white'> <view class="flex text-center align-center text-xl padding-t

原创 小程序基礎開發(二):頁面數據渲染,多重for循環列表渲染。附字母索引的聯繫人列表dome

一,頁面數據渲染 1,數據渲染分爲2種,一種是直接的單個數據綁定,使用 Mustache 語法(雙大括號)將變量包起來,可以作用於: wxml <view> {{ message }} </view> <view id="item

原创 小程序基礎開發(四):weui-wxss組件表單頁面,WxValidate.js組件表單驗證上傳

一,使用weui-wxss組件做一個表單頁面 WeUI組件庫簡介 這是一套基於樣式庫weui-wxss開發的小程序擴展組件庫,同微信原生視覺體驗一致的UI組件庫,由微信官方設計團隊和小程序團隊爲微信小程序量身設計,令用戶的使用感知

原创 小程序基礎開發(四):template模板應用(4)——倒計時組件,日時分秒

倒計時 wxml <view class='tui-countdown-content font10pt' wx:for="{{countDownList}}" wx:key="countDownList"> <text

原创 小程序雲開發(三):雲數據庫的-增-刪-查-改

一,各類功能的api用法說明 二,小程序端API和服務端API的區別 服務端API用於雲函數運行環境。 Server 端的 API 與小程序端基本保持一致,有如下不同: Server API 不再接受回調(success, fa

原创 小程序基礎開發(四):template模板應用(1)——帶搜索歷史的搜索欄

一,template模板 模板 WXML提供模板(template),可以在模板中定義代碼片段,然後在不同的地方調用。 定義模板 使用 name 屬性,作爲模板的名字。然後在內定義代碼片段,如: {{index}}: {{ms

原创 小程序基礎開發(五):微信支付全套流程

一,申請支付 商戶在微信公衆平臺或開放平臺提交微信支付申請,微信支付工作人員審覈資料無誤後開通相應的微信支付權限。微信支付申請審覈通過後,商戶在申請資料填寫的郵箱中收取到由微信支付小助手發送的郵件,此郵件包含開發時需要使用的支付賬

原创 小程序基礎開發(四):template模板應用(5)——自定義參數的三級聯動下拉選擇

一,自定義三級聯動 數組 {"sheng": "598", "di": "0", "xian": "0", "name": "安徽", "level":1},{"sheng": "598", "di": "1011", "xian

原创 小程序雲開發(二):雲函數

一,新建一個‘獲取用戶信息’的雲函數 1,首先新建一個cloudfunction目錄,然後再配置project.config.json “cloudfunctionRoot”: “cloudfunction/”, "descr