基于云開發(fā)的“中國近現(xiàn)代史綱要”微信公眾平臺設計與開發(fā)

余瑾　朱小曼　趙俊愛

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

關鍵詞：云開發(fā);node.js;微信小程序;在線學習平臺

中圖分類號：TP311? ? ? 文獻標識碼：A

文章編號：1009-3044（2021）12-0105-03

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

1 需求分析

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

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

2 總體設計

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

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

1）權限選擇：要進入小程序，首先進入權限選擇界面。小程序為學生和教師設置了不同的界面和功能。確定js文件中是否授權了該用戶。如果授權成功，則獲取昵稱時可以直接調用getUserInfo，而無需從彈出框中彈出。如果授權不成功，跳至授權頁面。

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

3）學習資料：學習資料頁面展示了課件、課堂視頻、課外資料等，點擊更多即可進入詳情頁面，可供教師，同學參考學習，教師用戶可進行學習資料的錄入。

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

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

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

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

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

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

3 詳細設計

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

3.2 具體功能圖（見圖4）

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

3.4 部分關鍵數(shù)據(jù)庫設計

1）班級表class表結構（見表1）

2）學生表student表結構（見表2）

3）教師表teacher表結構（見表3）

4）作業(yè)表homework表結構（見表4）

5）資料表knowledge表結構（見表5）

4 結束語

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

參考文獻：

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

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

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

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

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

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