微信小程式(bdedu簽到工具)專案總結實戰教程。
微信小程式的開發入門
申請小程式,無非是去微信公眾平台選擇申請小程式,然後填寫一些相關資訊即可。
點這裡**對應的開發工具。
新建專案時需要用到appid,可以去 微信公眾平台=>設定=>開發設定 裡檢視
小程式專案新建時開發工具會給你自動建立幾個頁面,這裡就直接刪去,不講這幾個頁面,直接通過我寫的bdedu簽到工具來講解微信小程式。
bdedu簽到工具原始碼目錄結構如下:
檔案解釋:
目錄結構:
具體詳細可以檢視api
小程式提供了完善的request請求api,可以直接向你的伺服器請求資料,但是只能向乙個伺服器請求資料,而且該伺服器必須有自己的網域名稱,請求協議必須是https,請求的網域名稱可以在你的開發設定裡修改。
request請求詳細請看api,點這裡
小程式提供資料儲存,可以存一些本地資料。詳細檢視請點這裡
通過上面的了解後,我們已經能夠使用微信小程式幹一些事了:
如果你還有一些特殊的開發需求只需要看api文件即可。
服務端介面開發
寫界面前我們需要對每個使用者生成乙個唯一標識,用於介面的許可權驗證,幸運的是微信小程式給我們提供了openid(唯一標識),雖然api上說不提倡我們直接使用openid作為使用者標識,但是為了簡化專案就暫時先作為簽到api的唯一標識。
客戶端(微信小程式)和伺服器介面之間的資料傳遞全部使用json資料。
客戶端(微信小程式)的開發
本專案一共四個頁面:
這裡就主要展示一下簽到功能的流程圖,其他流程類似
程式的流程圖如下:
微信小程式 工具類
請求根位址 post請求 post url,data,cb else get請求 get url,data,cb else 成功資訊 successmsg msg,duration,image 失敗訊息 errormsg msg,duration,image 時間戳或時間 格式化 兩個引數 第乙個引...
微信小程式工具類
場景 目前工作中的專案需要包含並使用另乙個專案。也許是第三方庫,或者你獨立開發的,用於多個父專案的庫。現在問題來了 你想要把它們當做兩個獨立的專案,同時又想在乙個專案中使用另乙個。我們舉乙個例子。假設你正在開發乙個 然後建立了 atom 訂閱。你決定使用乙個庫,而不是寫自己的 atom 生成 你可能...
微信小程式 畫板工具實現
畫布html width 100vw height 81vh border top 2vh solid ddd canvas id palette bindtouchstart touchstart bindtouchmove touchmove bindtouchend touchend disa...