基于微信小程序的“P-R管理”的設(shè)計與實現(xiàn)

吳平 徐輝 秦誠 方歡

摘要：“P-R管理”是以研究生閱讀管理為基礎(chǔ)設(shè)計開發(fā)的一款微信小程序。目標(biāo)是提高研究生之間相互學(xué)習(xí)交流和導(dǎo)師對研究生閱讀文獻(xiàn)管理工作的效率。該設(shè)計的系統(tǒng)將用戶角色分為教師、學(xué)生和管理員，可以完成日程安排、聊天室、學(xué)生學(xué)習(xí)記錄等功能，系統(tǒng)使用測試結(jié)果表明系統(tǒng)具備可使用性。

關(guān)鍵詞：微信小程序;高校教育;讀書管理系統(tǒng);日程安排;文獻(xiàn)管理

中圖分類號：TP311 文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2020）18-0089-03

開放科學(xué)（資源服務(wù)）標(biāo)識碼（OSID）：

1 背景

2017年1月9日，微信平臺推出小程序，不到兩年的時間，微信小程序以“觸手可及、用完即走、不打擾用戶、不強制關(guān)注”的優(yōu)勢迅速躥紅。因為更加注重場景體驗和輕量化應(yīng)用，小程序成為App之外的另一個移動應(yīng)用的選擇和新的熱點。

隨著經(jīng)濟的迅速發(fā)展，國家對人才的需要無論是是從質(zhì)上還是從量上都達(dá)到了一個空前的高度，每年選擇考研的人數(shù)在快速上升。在剛剛過去的2019年，全國報考人數(shù)從前一年的290萬人猛增至341萬人，達(dá)到了歷史之最。相應(yīng)的，也是對學(xué)校研究生的教育提出了一個更高的要求，隨著信息化的發(fā)展，傳統(tǒng)的研究生教學(xué)模式并不能讓導(dǎo)師很好的掌握研究生的學(xué)習(xí)進(jìn)度，需要借助更信息化的手段來進(jìn)行管理。只有對研究生的日常讀書信息進(jìn)行實時的管理，才能更好地進(jìn)行研究生教育。

2 系統(tǒng)需求分析

2.1 系統(tǒng)總體分析

用戶使用微信登錄，首次登錄需要認(rèn)證成為教師或者學(xué)生，認(rèn)證成功則將學(xué)號LT號與所登微信號綁定，此后再登錄時會加載個人信息，判斷身份信息，以進(jìn)入不同的頁面。學(xué)生使用該系統(tǒng)可以查看下載老師發(fā)表的作業(yè)信息，完成作業(yè)后上傳提交作業(yè);教師則可以上傳作業(yè)，查看，下載學(xué)生的作業(yè)情況并批閱;管理員可以審核待認(rèn)證的身份申請。除此之外，所有用戶都可以添加備忘信息提醒，以暫時擱置任務(wù)而不會忘記。系統(tǒng)用例圖如圖1所示。

2.2 系統(tǒng)模塊分析

1）注冊認(rèn)證。微信授權(quán)登錄小程序后，可在個人中心頁面信息認(rèn)證一欄提交認(rèn)證申請，將學(xué)號或工號等個人信息與微信綁定，生成唯一關(guān)聯(lián)，保存到后臺數(shù)據(jù)庫中。

2）登錄。認(rèn)證成功之后從微信端進(jìn)入小程序，會從后臺加載出個人信息，判別身份，以進(jìn)入相應(yīng)的頁面，加載對應(yīng)的功能。

3）備忘信息提醒?？稍谶m當(dāng)?shù)臅r候提醒白己尚有任務(wù)未完成。

4）文件上傳與下載。教師布置作業(yè)以文件形式發(fā)布，學(xué)生下載，完成作業(yè)之后上傳，教師可以評閱作業(yè)并打分，上傳分?jǐn)?shù)，之后學(xué)生可以查詢分?jǐn)?shù)等。

5）信息審核。該功能是管理員用以審核用戶提交的身份認(rèn)證申請，同意則認(rèn)證成功，拒絕則用戶認(rèn)證失敗。

3 系統(tǒng)設(shè)計

3.1 系統(tǒng)功能設(shè)置

系統(tǒng)采用B/S架構(gòu)，基于微信客戶端，由發(fā)出各種操作請求，核心的部分?jǐn)?shù)據(jù)比對集中到服務(wù)器上。數(shù)據(jù)庫操作是該系統(tǒng)的重要組成部分，在系統(tǒng)實現(xiàn)過程中有大量的數(shù)據(jù)庫操作，合理的數(shù)據(jù)庫操作可以極大地提高系統(tǒng)的運行速度及質(zhì)量。

3.2 客戶端界面設(shè)計

1）注冊界面設(shè)計。如圖3所示，在小程序初始化過程中即獲取到當(dāng)前用戶的微信信息，注冊信息會提交給管理員，等待管理員審核通過。

2）主界面。如圖4所示，在該界面中用戶可用微信號登陸，并自動獲取用戶的微信頭像與呢稱，該界面有四個功能，分別為學(xué)習(xí)記錄、任務(wù)、記錄和信息;當(dāng)身份為管理員時信息就是信息審核，對用戶申請的信息進(jìn)行認(rèn)證。當(dāng)身份為老師或者學(xué)生時，需要先對信息進(jìn)行提交認(rèn)證申請，管理員同意后就可以在信息這一欄查看到自己的信息。

3）計劃界面+新建任務(wù)界面。如圖5，圖6所示，用戶可以在計劃界面看見當(dāng)前日歷，點擊新建日程可以建立新的計劃，新的計劃建立完成后會顯示在計劃界面，也可以在計劃界面點擊日程管理查看今日所有計劃。

4）聊天室界面。如圖7所示，研究生和導(dǎo)師可以再聊天室進(jìn)行聊天，對日常學(xué)習(xí)中遇到的問題，也方便老師布置任務(wù)。

5）信息審核功能。如圖8所示，在信息審核界面，管理員可以收到用戶注冊的未審核信息，管理員通過核查身份后可以選擇同意和拒絕。

6）文件上傳/下載功能。如圖9所示，在該界面老師和學(xué)生可以白行選擇上傳或下載的文件類型，方便研究生導(dǎo)師任務(wù)的布置和研究生任務(wù)的提交。

4 關(guān)鍵代碼

1）微信授權(quán)登錄后檢查認(rèn)證信息，若未認(rèn)證則提交認(rèn)證信息

if（this.data.openld！="&&//控制微信openID不為空this.da-ta.idNumber！=0&&//判斷確保已填寫學(xué)生學(xué)號或教師工號

this.data.name！=…&&//判斷確保已填寫學(xué)生或教師姓名this.data.phone！=O&&/判斷確保已填寫手機號碼this.data.year！=O）（//判斷確保已填寫入學(xué)年份

//上傳信息到數(shù)據(jù)庫

const query=Bmob. Query（"userlnfor"）; query. set（"phone-Number"，Number（this.data.phone》; query.set（"idNumber"，Number（this.data.idNumber》; query.set（"openld"，this.data.openld）; query.set（"duty"， Number（this. data. duty》; query. set（"name"， this. data.name）; query. set（"year"， Number（this. data. year》; query. set（"isCh-ecked"，false） query.saveO.then（res=>{//上傳成功提醒

console.log（res）

wx.showToast（{

title：7添加成功，等待審核7，

image：”../../images/success.png"，

duration：1000

））

））.catch（err一>{//上傳失敗提醒

console.log（err）

wx.showToast（{

title：7添加失敗7，

image：”../../images/fail.png"，

duration：1000

））

））

】

elseU/信息未添加完善進(jìn)行提示

wx.showToast（{

title：7請完善個人信息7，

image：”../../images/supplement.png"，

））

）

//函數(shù)，認(rèn)證成功登錄時加載個人身份

getUserDuty0（

//從后臺獲取身份數(shù)據(jù)

const query=Bmob.Query（"userlnfor"）;

query.equalTo（" openld”，”=="，app.data.openid）;

query.select（"duty"）;

query.findO.then（res=>（

this.setData（{

duty：res[O].duty，//獲取身份

isChecked：res[O].isChecked//獲取表示是否認(rèn)證的標(biāo)志位

】）

”

），

2）管理員界面初始化時加載后臺待審核信息，傳遞給管理員onLoad： function （options）{ //查詢未審核的詳細(xì)信息 const queryl=Bmob.Query（"userlnfor"）; queryl.equalTo（"duty"，"！=”，2）; queryl .equaITo（"isChecked"，”=="，false）; queryl.findO.then（res=>{ this.setData（{ unCheckedMes：res， idNumber：res[this.data.id].idNumber 】） 】）; //查詢未審核的信息數(shù)量，判斷是否有待審核信息constquery=Bmob. Query（'userlnfor'）; query. equaITo（"duty"，“！=”，2）.query.equaITo（”isChecked”，”==”，false）; query.countO.then（res=>（

this.data.dataCount=res;

if（res>0）（

this.setData（{

isHaveUnchecked：t您有”+this.data.dataCount+”條未審核信息：”】） ）else{ this.setData（（ isHaveUnchecked：暫無要審核的信息！”】））））;）， 3）管理員身份進(jìn)入個人中心加載未審核信息，管理員審核通過控制函數(shù)，進(jìn)行事件綁定Verified：function（e）{

this.setData（（

id：e.target.dataset.index-lD

const query2= Bmob.Query（，userlnfor'）; query2.get（this.data.unCheckedMes[this.data.id].obj ectld）.then （res=>{//查詢

未審核的詳細(xì)信息，即待審核身份認(rèn)證申請

//console.log（res）

res.set（，isChecked 7 ，true）; res.saveO.then（re=>{

wx.showToast（{

title：7操作成功7，D.catch（er=>t

console.log（er）}）D;

】）.catch（err=>{

console.log（err）

}）;，

Refuse：function（e）{

wx.showToast（{

title：＼操作成功＼ ，））），

5 結(jié)束語

微信小程序在高校教育中應(yīng)用廣泛，其“觸手可及、用完即走、不打擾用戶、不強制關(guān)注”的優(yōu)勢十分符合高校學(xué)生和老師的使用習(xí)慣，同時也縮短傳播路徑，節(jié)約內(nèi)存空間，強化個體互動，整合線上線下資源，為教育工作者的泛在學(xué)習(xí)和移動辦公提供了簡單有效的工具，從而減輕工作負(fù)擔(dān)，提高知識傳遞的效率?！癙-R管理”只是在一個“點”上反映出小程序?qū)ΜF(xiàn)代教育效率的提升，未來可以在此基礎(chǔ)上增添更多功能，讓微信小程序可以在教育工作上能夠健康地發(fā)展，真正為教育教學(xué)工作帶來好的體驗和啟示。

參考文獻(xiàn)：

[1]郭鑫，毛古寶，方歡.基于微信小程序的考勤系統(tǒng)設(shè)計與實現(xiàn)[J].電腦知識與技術(shù)，201 8。14（20）： 57-59.

[2]黃新艷，微信小程序開發(fā)中flex布局容器及元素之屬性技術(shù)釋疑[Jl，信息與電腦（理論版），2017（14）： 78-80.

[3]羅金萍，呂翠蓮，基于微信小程序的高校學(xué)生自主學(xué)習(xí)研究 [J].中國教育信息化，2018（19）： 77-79.

[4]彭守鎮(zhèn).微信小程序應(yīng)用探究[Jl.信息與電腦（理論版），2018（22）： 22-23.

[5]梁勤珍，基于微信小程序的“W-E課堂”構(gòu)建[J].電腦知識與技術(shù)，2019，15（8）： 117-118，121.

【通聯(lián)編輯：謝媛媛】

基金項目：大學(xué)生創(chuàng)新創(chuàng)業(yè)項目：個人健康跟蹤和預(yù)警系統(tǒng)（項目編號：S201910361204）

作者簡介：吳平（1998-），男，安徽池州人，本科;徐輝（1999-），男，安徽阜陽人，本科;秦誠（1998-），男，山東日照人，本科;方歡（1982-），女，教授，博士，研究方向為Petri網(wǎng)理論及應(yīng)用、信息教育。