微信小程式(BDEDU簽到工具)專案總結實戰教程

2022-09-24 02:30:08 字數 814 閱讀 1463

微信小程式(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...