余瑾　朱小曼　趙俊愛

摘要：微信公眾平臺(tái)受眾廣泛、使用便捷、操作靈活、特點(diǎn)突出、功能強(qiáng)大，是新興的移動(dòng)學(xué)習(xí)終端載體。結(jié)合新時(shí)代大學(xué)生的接受規(guī)律、認(rèn)知特點(diǎn)和交流習(xí)慣，在“中國(guó)近現(xiàn)代史綱要”課引入微信公眾平臺(tái)輔助教學(xué)，選擇微信公眾號(hào)作為實(shí)現(xiàn)平臺(tái)功能的載體，建設(shè)基于云開發(fā)的微信小程序，開發(fā)過程簡(jiǎn)化并且性能穩(wěn)定，符合教育信息化的要求。該文從需求分析、總體設(shè)計(jì)、詳細(xì)設(shè)計(jì)幾個(gè)方面對(duì)“中國(guó)近現(xiàn)代史綱要”課微信公眾平臺(tái)的開發(fā)加以探討，有效幫助師生用戶通過線上與線下相結(jié)合的方式學(xué)習(xí)“綱要”課，具有非常重要的應(yīng)用價(jià)值。

關(guān)鍵詞：云開發(fā);node.js;微信小程序;在線學(xué)習(xí)平臺(tái)

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

文章編號(hào)：1009-3044（2021）12-0105-03

微信是天然的用戶接口。只要登錄微信，系統(tǒng)即可獲取位置、時(shí)間，并且支持富媒體交互、圖片、二維碼、視頻、音頻、NFC等，做到隨時(shí)隨地交互，并能對(duì)接任何系統(tǒng)，信息傳達(dá)效率高。微信公眾平臺(tái)具有輕前端，重后端的特性。輕前端帶來(lái)良好用戶體驗(yàn)，重后端更是保證這種體驗(yàn)的前提。微信云開發(fā)采用Serverless架構(gòu)，免去了軟件構(gòu)建中煩瑣的服務(wù)器搭建和運(yùn)維，具有運(yùn)行成本低、易于維護(hù)的特點(diǎn)。

1 需求分析

當(dāng)前，部分高校在“中國(guó)近現(xiàn)代史綱要”教學(xué)中引入了“微信公眾平臺(tái)”輔助教學(xué)的做法比較普及，這些平臺(tái)在教學(xué)過程中發(fā)揮了重要的作用。通過前期調(diào)研，在校大學(xué)生反饋在平臺(tái)運(yùn)行、版塊設(shè)計(jì)、功能發(fā)揮尤其等方面需要進(jìn)一步的挖掘，需要充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣和熱情，要滿足以下需求：發(fā)布和顯示課堂作業(yè)，推送課堂筆記和征求課堂筆記，展示和傳播課堂觀感，提供互聯(lián)網(wǎng)版本的課堂知識(shí)等。

系統(tǒng)用例圖如圖1所示。

2 總體設(shè)計(jì)

2.1 “中國(guó)近現(xiàn)代史綱要”小程序主要頁(yè)面及功能

“中國(guó)近現(xiàn)代史綱要”小程序頁(yè)面概要圖如圖2所示。

1）權(quán)限選擇：要進(jìn)入小程序，首先進(jìn)入權(quán)限選擇界面。小程序?yàn)閷W(xué)生和教師設(shè)置了不同的界面和功能。確定js文件中是否授權(quán)了該用戶。如果授權(quán)成功，則獲取昵稱時(shí)可以直接調(diào)用getUserInfo，而無(wú)需從彈出框中彈出。如果授權(quán)不成功，跳至授權(quán)頁(yè)面。

2）首頁(yè)：選擇身份授權(quán)后進(jìn)入主頁(yè)。主頁(yè)分為兩個(gè)模塊。頂部是輪播圖。輪播示意圖使用swiper插件，該插件顯示有關(guān)現(xiàn)代歷史的圖片;作業(yè)筆記模塊顯示作業(yè)和筆記，也可以用于輸入出色的作業(yè)和筆記。

3）學(xué)習(xí)資料：學(xué)習(xí)資料頁(yè)面展示了課件、課堂視頻、課外資料等，點(diǎn)擊更多即可進(jìn)入詳情頁(yè)面，可供教師，同學(xué)參考學(xué)習(xí)，教師用戶可進(jìn)行學(xué)習(xí)資料的錄入。

4）“我的”：“我的”頁(yè)面分為兩個(gè)模塊：“我的”和更多功能?！拔业摹蹦K根據(jù)學(xué)生用戶的權(quán)限分為教務(wù)管理通知，我的班級(jí)和考試安排。學(xué)生用戶可以自己輸入班級(jí)時(shí)間表以查看班級(jí)時(shí)間表，同時(shí)可以查看有關(guān)課程的通知以及老師發(fā)布的考試安排。 “我的”模塊分為教師用戶權(quán)限;學(xué)生名單，出勤記錄，時(shí)間表查詢和教務(wù)通知管理。教師可以創(chuàng)建班級(jí)以生成唯一的課程編號(hào)，查看已加入班級(jí)的學(xué)生的列表和信息，添加出勤記錄以供出勤，輸入課程以進(jìn)行查看，向?qū)W生發(fā)送教育管理通知以及進(jìn)行在線實(shí)踐分析。

在教師和學(xué)生的授權(quán)下，更多功能模塊具有QR碼，分享程序，關(guān)于我們和其他功能的信息。可以從使用該程序的老師和同學(xué)那里收集反饋，以促進(jìn)程序的迭代和改進(jìn)。同時(shí)，用戶可以通過QR碼和共享小程序等功能自發(fā)地傳播程序。

5）歷史上的今天小程序：

使用百度百科的api接口，獲取json數(shù)據(jù)。用列表展示獲取到的數(shù)據(jù)并且通過Webview組件展示詳情頁(yè)。該程序能夠根據(jù)當(dāng)天日期展示歷史上同日期的重大事件，在用戶點(diǎn)擊后還可以跳轉(zhuǎn)到百度百科查看詳情。由于百度百科的接口返回的數(shù)據(jù)中具有富文本數(shù)據(jù)，運(yùn)用rich-text組件來(lái)展示富文本。定義列表數(shù)組初始值為空，解析請(qǐng)求成功的數(shù)據(jù)后進(jìn)行動(dòng)態(tài)綁定。循環(huán)加載每條text文本，并在每條文本的標(biāo)題上綁定點(diǎn)擊事件。當(dāng)用戶點(diǎn)擊時(shí)，獲取數(shù)據(jù)中的link內(nèi)容，得到獲取詳情頁(yè)內(nèi)容的地址。使用wx.navigateTo方法跳轉(zhuǎn)到詳情頁(yè)。詳情頁(yè)運(yùn)用了Webview組件，將之前獲取的地址填入src屬性。使用date.getday和date.getmonth獲取當(dāng)前日期。由于獲取api數(shù)據(jù)時(shí)需要雙位數(shù)字，判斷獲取到的月和日是否小于十，進(jìn)行補(bǔ)零操作。將處理好的時(shí)間信息填入url屬性中，獲取完整數(shù)據(jù)。

2.2 小程序云開發(fā)后臺(tái)主要功能

系統(tǒng)后端微信小程序云開發(fā)，開發(fā)者不需要搭建服務(wù)器，可免鑒權(quán)直接使用平臺(tái)提供的 API 進(jìn)行業(yè)務(wù)開發(fā)。在開發(fā)過程中將文字或圖片上傳至云存儲(chǔ)，通過Javascrip進(jìn)行業(yè)務(wù)邏輯代碼編寫。在用戶管理方面能夠進(jìn)行查看小程序用戶信息，在數(shù)據(jù)庫(kù)方面可查看、增加、更新、查找、刪除數(shù)據(jù)、管理索引、管理數(shù)據(jù)庫(kù)訪問權(quán)限等。

3 詳細(xì)設(shè)計(jì)

3.1 系統(tǒng)流程圖（見圖3）

3.2 具體功能圖（見圖4）

3.3 系統(tǒng)概要模式（見圖5）

3.4 部分關(guān)鍵數(shù)據(jù)庫(kù)設(shè)計(jì)

1）班級(jí)表class表結(jié)構(gòu)（見表1）

2）學(xué)生表student表結(jié)構(gòu)（見表2）

3）教師表teacher表結(jié)構(gòu)（見表3）

4）作業(yè)表homework表結(jié)構(gòu)（見表4）

5）資料表knowledge表結(jié)構(gòu)（見表5）

4 結(jié)束語(yǔ)

“中國(guó)近現(xiàn)代史綱要”微信公眾平臺(tái)為學(xué)生學(xué)習(xí)提供有效的平臺(tái)。該平臺(tái)基于微信小程序和微信云開發(fā)技術(shù)，具有界面簡(jiǎn)潔、功能全面、易于實(shí)現(xiàn)、易于維護(hù)和迭代等特點(diǎn)，它可以使師生之間的互動(dòng)更加高效，在后續(xù)開發(fā)過程中會(huì)重視用戶體驗(yàn)，不斷進(jìn)行改進(jìn)以滿足用戶的需求，并為大學(xué)生創(chuàng)造一個(gè)可用且便捷的平臺(tái)。

參考文獻(xiàn)：

[1] 林潔明.基于微信云開發(fā)的空管固定資產(chǎn)管理系統(tǒng)[J].新商務(wù)周刊，2019（16）：63.

[2] 鄧斌權(quán)，李劍波，瞿先超.基于云開發(fā)和微信小程序的垃圾分類系統(tǒng)實(shí)現(xiàn)[J].電腦知識(shí)與技術(shù)，2020，16（7）：82-84.

[3] 王金龍，宋斌，丁銳.Node.js：一種新的Web應(yīng)用構(gòu)建技術(shù)[J].現(xiàn)代電子技術(shù)，2015，38（6）：70-73.

[4] 劉琦，丁萍莉.基于微信小程序的互聯(lián)網(wǎng)+教育學(xué)習(xí)平臺(tái)的研究與設(shè)計(jì)[J].內(nèi)江科技，2016，37（12）：45-46.

[5] 葉展航，蘇偉根.微信小程序在高校思政課的應(yīng)用[J].教育信息技術(shù)，2017（5）：19-22.

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