小程序模板網(wǎng)

微信小程序(BDEDU簽到工具)項目總結(jié)

發(fā)布時間:2017-12-11 09:00 所屬欄目:小程序開發(fā)教程

微信小程序的開發(fā)入門1. 申請微信小程序申請小程序,無非是去微信公眾平臺選擇申請小程序,然后填寫一些相關(guān)信息即可。2. 部署開發(fā)環(huán)境點這里下載對應(yīng)的開發(fā)工具。3. 新建項目新建 ...

 
 
 

微信小程序的開發(fā)入門

1. 申請微信小程序

申請小程序,無非是去微信公眾平臺選擇申請小程序,然后填寫一些相關(guān)信息即可。

2. 部署開發(fā)環(huán)境

點這里下載對應(yīng)的開發(fā)工具。

3. 新建項目

新建項目時需要用到appid,可以去 微信公眾平臺=>設(shè)置=>開發(fā)設(shè)置 里查看 

4. 小程序文件及文件目錄解釋

小程序項目新建時開發(fā)工具會給你自動創(chuàng)建幾個頁面,這里就直接刪去,不講這幾個頁面,直接通過我寫的BDEDU簽到工具來講解微信小程序。 
BDEDU簽到工具源碼目錄結(jié)構(gòu)如下: 

文件解釋:

  • app.js:全局邏輯文件,寫一些生命周期函數(shù)、全局函數(shù)和全局屬性,順便貼一下生命周期函數(shù)

  • app.json:全局配置文件,比如配置頁面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時時間、設(shè)置多 tab 等。

  • app.wxss:全局樣式文件,這里寫的樣式能夠被單個頁面wxss里的樣式覆蓋,可以做出一些統(tǒng)一的效果。

  • js文件:編寫頁面邏輯

  • wxml文件:頁面視圖

  • wxss文件:頁面樣式

  • json文件:頁面配置

目錄結(jié)構(gòu):

  • image文件夾下存圖片素材

  • pages文件夾下存各個頁面

  • pages/**文件夾下存的是某個頁面的視圖、邏輯、樣式和配置文件

  • util文件夾可以用來寫一些工具函數(shù)

具體詳細(xì)可以查看API

5. 小程序request請求

小程序提供了完善的request請求API,可以直接向你的服務(wù)器請求數(shù)據(jù),但是只能向一個服務(wù)器請求數(shù)據(jù),而且該服務(wù)器必須有自己的域名,請求協(xié)議必須是https,請求的域名可以在你的開發(fā)設(shè)置里修改。

request請求詳細(xì)請看API,點這里

6. 小程序數(shù)據(jù)儲存

小程序提供數(shù)據(jù)儲存,可以存一些本地數(shù)據(jù)。詳細(xì)查看請點這里

通過上面的了解后,我們已經(jīng)能夠使用微信小程序干一些事了:

  • 發(fā)送請求到服務(wù)器
  • 接收服務(wù)器的響應(yīng)數(shù)據(jù)
  • 將接收到的數(shù)據(jù)在用戶界面中顯示
  • 存儲接收到的數(shù)據(jù)

如果你還有一些特殊的開發(fā)需求只需要看API文檔即可。


服務(wù)端接口開發(fā)


1. 接口需求

寫接口前我們需要對每個用戶生成一個唯一標(biāo)識,用于接口的權(quán)限驗證,幸運的是微信小程序給我們提供了openid(唯一標(biāo)識),雖然API上說不提倡我們直接使用openid作為用戶標(biāo)識,但是為了簡化項目就暫時先作為簽到API的唯一標(biāo)識。

  • 綁定簽到賬號:用戶名、密碼、code

  • 修改綁定:openid、用戶名、密碼

  • 獲取用戶信息:openid

  • 獲取所有課程信息:openid

  • 獲取目前需要簽到的課程:openid

  • 簽到:openid、課程ID、課程名、座位

  • 獲取簽到記錄:openid、課程ID、課程名

2. 接口實現(xiàn)

客戶端(微信小程序)和服務(wù)器接口之間的數(shù)據(jù)傳遞全部使用json數(shù)據(jù)。
  • 綁定簽到賬號:接收用戶名密碼,調(diào)用BDEDU登錄接口,判斷密碼是否正確。 
    密碼正確:使用code調(diào)用微信API換取openid,將用戶名、密碼、openid存入數(shù)據(jù)庫。返回成功信息給小程序 
    密碼錯誤:將錯誤信息返回給小程序

  • 修改綁定:同上

  • 獲取用戶信息:通過openid查找用戶,將用戶信息返回給小程序,若不存在則返回錯誤信息。

  • 獲取所有課程信息:通過openid獲取用戶賬號和密碼,然后請求BDEDU系統(tǒng)獲接口取所有課程信息,返回給小程序。

  • 獲取目前需要簽到的課程:通過openid獲取用戶賬號和密碼,然后請求BDEDU系統(tǒng)接口獲取所有課程信息,再使用正則表達(dá)式匹配每門課程的上課時間,將當(dāng)前時間和上課時間進(jìn)行對比,如果當(dāng)前時間在上課時間內(nèi)或在上課前20分鐘內(nèi),就將該課程作為當(dāng)前需要簽到的課程,返回給小程序。如果沒有一門課滿足要求就返回提示信息:無可簽到課程。

  • 簽到:通過openid獲取用戶賬號和密碼,將簽到數(shù)據(jù)(課程ID、課程名、用戶名、座位)發(fā)送給BDEDU簽到系統(tǒng)進(jìn)行簽到,返回簽到結(jié)果給小程序。

  • 獲取簽到記錄:通過openid獲取用戶賬號和密碼,將課程ID、課程名、用戶名發(fā)送給BDEDU簽到系統(tǒng),獲取簽到記錄(html源碼),通過正則表達(dá)式匹配出真正需要的信息(簽到時間、簽到位置、備注),存在一個對象list里,返回給小程序。


客戶端(微信小程序)的開發(fā)


本項目一共四個頁面:

  • 我的信息頁面

  • 綁定賬號頁面

  • 簽到記錄頁面

  • 簽到頁面

這里就主要展示一下簽到功能的流程圖,其他流程類似 
程序的流程圖如下: 



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://m.u-renovate.com/wxmini/doc/course/18119.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×