基于微信小程序的計(jì)算機(jī)基礎(chǔ)測(cè)試系統(tǒng)

李霞

（南京師范大學(xué)泰州學(xué)院信息工程學(xué)院，泰州225300）

0 引言

計(jì)算機(jī)基礎(chǔ)是面向非計(jì)算機(jī)專業(yè)大學(xué)生的公共課，其教學(xué)內(nèi)容包括理論和實(shí)踐。實(shí)踐部分主要包括Windows和Office軟件的操作。理論部分主要包括：計(jì)算機(jī)信息技術(shù)、計(jì)算機(jī)組成原理、操作系統(tǒng)、計(jì)算機(jī)網(wǎng)絡(luò)、多媒體以及數(shù)據(jù)庫(kù)方面的基礎(chǔ)知識(shí)。實(shí)踐部分有著較強(qiáng)的可操作性、實(shí)用性，學(xué)生掌握良好[1-5]。理論部分涉及較多的原理和概念，需要記憶的知識(shí)點(diǎn)較多，學(xué)生不重視，會(huì)覺(jué)得枯燥，從而導(dǎo)致學(xué)習(xí)效果不理想，但計(jì)算機(jī)理論可以培養(yǎng)學(xué)生的抽象思維能力和分析問(wèn)題能力，對(duì)學(xué)生的信息素養(yǎng)有著舉足輕重的作用，所以設(shè)計(jì)了基于微信小程序的計(jì)算機(jī)基礎(chǔ)測(cè)試系統(tǒng)。該系統(tǒng)可以輔助學(xué)生利用碎片化的時(shí)間對(duì)所學(xué)理論知識(shí)進(jìn)行鞏固，加深理解，從而更好地掌握所學(xué)知識(shí)。

1 關(guān)鍵技術(shù)介紹

1.1 MINA框架簡(jiǎn)介

微信小程序采用MINA應(yīng)用框架?？蚣苤饕喉?yè)面視圖層和應(yīng)用邏輯層。頁(yè)面視圖層由wxml與wxss文件組成，處理事務(wù)交給AppService應(yīng)用邏輯層處理，視圖層和邏輯層通過(guò)JSBridge實(shí)現(xiàn)通信。MINA框架封裝了文件系統(tǒng)、網(wǎng)絡(luò)通信、任務(wù)管理等基礎(chǔ)功能，對(duì)上層提供JavaScript API，開(kāi)發(fā)者可以使用微信客戶端提供的各種功能，快速構(gòu)建應(yīng)用[6-10]。

1.2 Bmob后端云

Bmob是廣州市閉幕網(wǎng)絡(luò)科技有限公司推出的一個(gè)全方位一體化的后端服務(wù)平臺(tái)，它提供實(shí)時(shí)數(shù)據(jù)和文件存儲(chǔ)。通過(guò)該平臺(tái)可以輕松搭建應(yīng)用數(shù)據(jù)庫(kù)，并提供可視化的云端數(shù)據(jù)表設(shè)計(jì)界面，能存儲(chǔ)String（字符串）、Number（數(shù)值，包括整數(shù)和浮點(diǎn)數(shù)）、Boolean（布爾值）、Date（日期）、File（文件）、Geopoint（地址位置）、Array（數(shù)組）、Object（對(duì)象）等多種不同類型的數(shù)據(jù)。在Bmob后端服務(wù)云平臺(tái)上，開(kāi)發(fā)者注冊(cè)賬號(hào)后，可以創(chuàng)建多個(gè)云端數(shù)據(jù)庫(kù)，下載對(duì)應(yīng)版本的SDK并將其嵌入到開(kāi)發(fā)者的移動(dòng)應(yīng)用程序中，就可以對(duì)云端數(shù)據(jù)庫(kù)進(jìn)行增、刪、改、查等操作[11-15]。

2 基于微信小程序的計(jì)算機(jī)基礎(chǔ)測(cè)試系統(tǒng)的結(jié)構(gòu)設(shè)計(jì)

2.1 系統(tǒng)功能結(jié)構(gòu)

計(jì)算機(jī)基礎(chǔ)測(cè)試系統(tǒng)主要是幫助學(xué)生進(jìn)行理論知識(shí)的學(xué)習(xí)與掌握，系統(tǒng)通過(guò)tabBar進(jìn)行功能的切換。該系統(tǒng)主要包括登錄模塊、學(xué)習(xí)模塊、測(cè)試模塊。

（1）學(xué)習(xí)模塊：學(xué)生默認(rèn)進(jìn)入學(xué)習(xí)模塊，該模塊無(wú)需登錄就可以根據(jù)相應(yīng)章節(jié)查看習(xí)題，該模塊顯示題目以及參考答案和解析。

（2）登錄模塊：當(dāng)學(xué)生需要進(jìn)行測(cè)試時(shí)，需要進(jìn)行登錄[16-17]。輸入學(xué)號(hào)、密碼，選擇院系，進(jìn)入考試模式，登錄時(shí)將輸入的信息與Bmob云端數(shù)據(jù)進(jìn)行匹配，如果輸入有誤則進(jìn)行相應(yīng)的提示，如果正確，則進(jìn)入考試模式。

（3）測(cè)試模塊：學(xué)生進(jìn)入考試模式后，系統(tǒng)從Bmob云端題庫(kù)中隨機(jī)抽取試卷。測(cè)試過(guò)程中，學(xué)生可以標(biāo)注不確定的題目，便于后續(xù)復(fù)查。當(dāng)考試時(shí)間到或者學(xué)生提交試卷后，將測(cè)試結(jié)果反饋給學(xué)生，并將成績(jī)記錄到云端成績(jī)表中。

2.2 系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)

系統(tǒng)數(shù)據(jù)存儲(chǔ)在Bmob云端，減少了開(kāi)發(fā)成本，提高了開(kāi)發(fā)效率。為了使Bmob后端云和小程序建立連接，在微信小程序中需要給Bmob后端云授權(quán)，同時(shí)在Bmob后端云要配置小程序的AppID和AppSecret。

學(xué)生進(jìn)入測(cè)試模式時(shí)需進(jìn)行登錄驗(yàn)證，學(xué)生信息存儲(chǔ)在學(xué)生信息表中，如表1所示。測(cè)試模塊的試卷，存儲(chǔ)在題庫(kù)表中，如表2所示。學(xué)生交卷后的成績(jī)要寫(xiě)入學(xué)生成績(jī)表中，如表3所示。存儲(chǔ)學(xué)生所在院系的信息表如表4所示。學(xué)習(xí)模塊中的題庫(kù)表與測(cè)試部分題庫(kù)表結(jié)構(gòu)類似，就不再列出。

表1 學(xué)生信息表（stud）

表2 題庫(kù)表（tiku）

表3 學(xué)生成績(jī)表（stuscore）

表4 學(xué)生院系表（dep）

3 系統(tǒng)功能實(shí)現(xiàn)

3.1 登錄模塊的實(shí)現(xiàn)

當(dāng)學(xué)生需要測(cè)試學(xué)習(xí)情況時(shí)，需要進(jìn)行登錄，輸入正確的學(xué)號(hào)和密碼，選擇對(duì)應(yīng)院系[18-19]。登錄界面如圖1所示。界面上方用view組件顯示文本，中間用form、input、picker組件用來(lái)實(shí)現(xiàn)輸入學(xué)號(hào)、密碼以及院系的選擇，下面用兩個(gè)button組件顯示登錄和重置，兩個(gè)button對(duì)應(yīng)的form-type分別是submit和reset。通過(guò)對(duì)form表單綁定formsubmit和formreset事件用來(lái)監(jiān)聽(tīng)登錄和重置。

圖1登錄界面

當(dāng)點(diǎn)擊登錄時(shí)，獲取input組件中的學(xué)號(hào)、密碼和院系，與Bmob云端數(shù)據(jù)比較，如果賬號(hào)、密碼、院系匹配則跳轉(zhuǎn)到考試頁(yè)面。要訪問(wèn)Bmob云，首先需要下載安裝BmobSDK，該項(xiàng)目將“bmob-min.js”和“underscore.js”放到utils目錄中，在登錄頁(yè)面對(duì)應(yīng)的js文件中通過(guò)var Bmob=require（"../../utils/bmob.js"）進(jìn)行初始化，同時(shí)需要在app.js中通過(guò)Application ID和REST APIKey進(jìn)行全局初始化，初始化代碼如下：

點(diǎn)擊登錄時(shí)，通過(guò)Query（）方法分別從stud表和dep表中獲取學(xué)生記錄集和院系記錄集，通過(guò)equalTo（）方法判斷字段是否相等，find（）方法查找記錄，如果查詢結(jié)果記錄條數(shù)大于0并且院系匹配，則進(jìn)入考試，否則進(jìn)行相應(yīng)的提示。實(shí)現(xiàn)代碼如下：

3.2 考試模塊的實(shí)現(xiàn)

考試界面綜合運(yùn)用了view、text、button、radiogroup、radio組件，通過(guò)flex布局以及條件渲染實(shí)現(xiàn)。考試界面如圖2所示。當(dāng)點(diǎn)擊“退出”則退出考試，返回到登錄界面。通過(guò)“標(biāo)記”按鈕可以標(biāo)記不太確定的題目，使題目呈紅色高亮顯示，便于復(fù)查。通過(guò)“上一題”和“下一題”進(jìn)行題目的切換，通過(guò)“交卷”提交試卷，交卷后可以查看答案以及知道得分情況。

圖2正式考試界面

3.2.1計(jì)時(shí)模塊

當(dāng)進(jìn)入考試界面時(shí)，在頁(yè)面加載的onLoad（）方法中需要獲取數(shù)據(jù)庫(kù)中的試卷。獲取從登錄頁(yè)面?zhèn)鬟f的學(xué)號(hào)、院系、考試時(shí)間。根據(jù)獲取時(shí)間實(shí)現(xiàn)計(jì)時(shí)功能，每一秒更新一次時(shí)間。獲取的時(shí)間是以秒為單位，通過(guò)公式轉(zhuǎn)換成相應(yīng)的時(shí)、分、秒，便于界面顯示。計(jì)時(shí)代碼如下所示：

3.2.2題目顯示

試卷的產(chǎn)生，是通過(guò)產(chǎn)生隨機(jī)數(shù)的方式，從20套試卷中抽取一套。根據(jù)產(chǎn)生的隨機(jī)試卷編號(hào)調(diào)用find（）方法從試題庫(kù)中獲取題目，先將試卷內(nèi)容存入本地testdetail[]數(shù)組中，然后再通過(guò)setData（）方法更新界面中顯示的題號(hào)、題目?jī)?nèi)容以及選項(xiàng)。

3.2.3交卷實(shí)現(xiàn)

當(dāng)點(diǎn)擊“交卷”按鈕，在界面中通過(guò)條件渲染改變“交卷”按鈕的狀態(tài)，避免重復(fù)提交，然后將學(xué)生的答案與標(biāo)準(zhǔn)答案進(jìn)行比較，計(jì)算得分。一套試卷共50道題，每道題2分，最后通過(guò)wx.showModal（）方法展示結(jié)果。判斷代碼如下：

為了方便教師進(jìn)行學(xué)生學(xué)習(xí)記錄以及得分的統(tǒng)計(jì)，從而有針對(duì)性地開(kāi)展課堂教學(xué)，以及開(kāi)展對(duì)教學(xué)的多元化評(píng)價(jià)，需要將學(xué)生的每次的時(shí)間、學(xué)號(hào)、試卷編號(hào)、得分等保存到數(shù)據(jù)庫(kù)中。通過(guò)調(diào)用save（）方法將測(cè)試結(jié)果保存到stuscore表中。插入的分記錄的代碼如下:

4 結(jié)語(yǔ)

微信小程序具有無(wú)需下載和安裝的輕量化特征，可自動(dòng)適配iOS系統(tǒng)和Android系統(tǒng)，充分發(fā)揮了移動(dòng)互聯(lián)網(wǎng)時(shí)代入口輕量化的優(yōu)勢(shì)。學(xué)生在使用過(guò)程中無(wú)需考慮手機(jī)系統(tǒng)問(wèn)題，借助微信平臺(tái)，使用非常方便[20]。基與微信小程序的計(jì)算機(jī)基礎(chǔ)測(cè)試系統(tǒng)方便學(xué)生利用碎片化的時(shí)間進(jìn)行理論知識(shí)的學(xué)習(xí)與測(cè)試，強(qiáng)化理論知識(shí)的理解，同時(shí)也提高了學(xué)生的學(xué)習(xí)積極性，理論知識(shí)的掌握情況有了很大的改善，整體提高了大學(xué)計(jì)算機(jī)基礎(chǔ)的學(xué)習(xí)效率。