[19]小程序全局配置在小程序根目錄下的app.json文件用來(lái)對(duì)微信小程序進(jìn)行全局配置，決定頁(yè)面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多tab等。通過(guò)對(duì)app.json進(jìn)行設(shè)計(jì)，把小程序的一些基本框架確定好，下面是部分代碼，如代碼1所示。代碼1小程序全局配置代碼{"pages":

[

"pages/index/index",

"pages/users/home/home",

"pages/main/judge/judge",

"pages/main/judge1/judge1",

"pages/main/multiple/multiple",

"pages/main/multiple1/multiple1",

"pages/main/result/result",

"pages/main/single/single",

"pages/main/single1/single1","pages/sub/addSub/addSub",

"pages/sub/subs/subs",

"pages/lib/addLib/addLib",

"pages/lib/libs/libs",

"pages/users/about/about",

"pages/Home/home/home",

"pages/introduce/introduce",

"pages/message/home/home"

],

"window":

{

"backgroundTextStyle":

"light",

"navigationBarBackgroundColor":

"#fff",

"navigationStyle":

"custom",

"navigationBarTextStyle":

"white"

},

"usingComponents":

{

"cu-custom":

"/colorui/components/cu-custom",

"Home":

"/pages/Home/home/home",

"users":

"/pages/users/home/home",

"message":"pages/message/home/home"

},

"sitemapLocation":

"sitemap.json"}此部分代碼主要作用是對(duì)導(dǎo)航欄進(jìn)行配置，制作一個(gè)基礎(chǔ)的頁(yè)面，其中pages代表頁(yè)面路徑列表；window用于設(shè)置小程序的狀態(tài)欄、導(dǎo)航條、標(biāo)題、窗口背景色；usingComponents用于調(diào)用各個(gè)使用組件。當(dāng)點(diǎn)擊導(dǎo)航欄對(duì)應(yīng)的案件時(shí)，對(duì)應(yīng)的圖標(biāo)將會(huì)切換至對(duì)應(yīng)的顏色。例如：點(diǎn)擊首頁(yè)按鈕，首頁(yè)的圖標(biāo)將會(huì)轉(zhuǎn)換為綠色。用戶個(gè)人中心模塊用戶個(gè)人中心是用戶個(gè)人信息管理、反饋問(wèn)題以及了解小程序具體功能的功能模塊。用戶個(gè)人中心模塊的具體設(shè)計(jì)本產(chǎn)品將用戶分為三種類型：教師、學(xué)生、管理員。本產(chǎn)品通過(guò)判斷角色類型的不同，來(lái)賦予角色不同的操作權(quán)限。用戶個(gè)人中心可以對(duì)小程序的使用問(wèn)題進(jìn)行反饋，也可以對(duì)小程序本身進(jìn)行一定的了解，能正常進(jìn)行登錄記錄個(gè)人信息。用戶個(gè)人中心模塊的頁(yè)面展示與核心代碼實(shí)現(xiàn)從用戶個(gè)人中心模塊的頁(yè)面展示中，可以觀察到登錄模塊，用戶可點(diǎn)擊中間的個(gè)人信息管理（圓形）對(duì)頭像、名稱等相關(guān)信息進(jìn)行編輯，同時(shí)還可以對(duì)小程序進(jìn)行意見(jiàn)反饋，也可以聯(lián)系管理員進(jìn)行使用功能上的詢問(wèn)，并且可以點(diǎn)擊關(guān)于我們對(duì)小程序本身進(jìn)行一個(gè)初步的了解。用戶個(gè)人中心模塊頁(yè)面展示如圖7所示。圖7用戶個(gè)人中心模塊頁(yè)面展示此部分代碼主要是對(duì)用戶個(gè)人中心模塊頁(yè)面進(jìn)行設(shè)計(jì)，完成基礎(chǔ)的頁(yè)面，其中分為三個(gè)主要部分，第一個(gè)是登錄模塊，點(diǎn)擊可以將彈出登錄提示，緊接著是中間的四大模塊：聯(lián)系管理員、關(guān)于我們、意見(jiàn)反饋以及設(shè)置。這四大模塊使用了多個(gè)<viewclass><view/>來(lái)填充頁(yè)面，對(duì)其設(shè)置樣式從而得到展示圖的效果。代碼2用戶個(gè)人中心模塊核心代碼<scroll-view

scroll-y

class="scrollPage">

<view

class="UCenter-bg">

<view

class="flex

justify-center">

<view

class='text-center'>

<view

class="cu-avatar

xl

round

solids

userinfo-avatar">

<open-data

type="userAvatarUrl"

class="round

"></open-data>

</view>

<view

class="padding">

<open-data

type="userNickName"

lang="zh_CN"></open-data>

</view>

</view>

</view>

<image

src="/color%20ui_wave.gif"

mode="scaleToFill"

class="gif-wave"></image>

</view>

<view

class="cu-list

menu

card-menu

margin-top-xl

margin-bottom-xl

shadow-lg

radius">

<view

class="cu-item

arrow">

<button

class="cu-btn

content"

open-type="contact">

<text

class="cuIcon-service

text-green"></text>

<text

class="text-grey">聯(lián)系管理員</text>

</button>

</view>

<view

class="cu-item

arrow">

<button

class="cu-btn

content"

open-type="feedback">

<text

class="cuIcon-writefill

text-cyan"></text>

<text

class="text-grey">意見(jiàn)反饋</text>

</button>

</view>

<view

class="cu-item

arrow">

<view

class="content"

bindtap="showQrcode">

<text

class="cuIcon-appreciatefill

text-red"></text>

<text

class="text-grey">設(shè)置</text>

</view>

</view>

<view

class="cu-item

arrow">

<navigator

class="content"

url="/pages/users/about/about"

hover-class="none">

<text

class="cuIcon-discover

text-blue"></text>

<text

class="text-grey">關(guān)于我們</text>

</navigator>

</view>

</view>

<view

class="text-sm

text-center

foot">

<text

class="text-grey

padding-sm"

style="position:

relative;

left:

1rpx;

top:

409rpx">

小題庫(kù)Lite\nV0.5

</text>

</view>

<view

class="cu-tabbar-height"></view></scroll-view>代碼3用戶個(gè)人中心模塊樣式核心代碼.UCenter-bg

{

background-color:

#62a671;

background-size:

cover;

height:

450rpx;

display:

flex;

justify-content:

center;

padding-top:

40rpx;

overflow:

hidden;

position:

relative;

flex-direction:

column;

align-items:

center;

color:

#fff;

font-weight:

300;

text-shadow:

0

0

3px

rgba(0,

0,

0,

0.3);}.userinfo-avatar

{

overflow:

hidden;

display:

block;}.UCenter-bg

text

{

opacity:

0.8;}.UCenter-bg

image

{

width:

200rpx;

height:

200rpx;}.UCenter-bg

.gif-wave

{

position:

absolute;

width:

100%;

bottom:

0;

left:

0;

z-index:

99;

mix-blend-mode:

screen;

height:

100rpx;}map,.mapBox

{

left:

0;

z-index:

99;

mix-blend-mode:

screen;

height:

100rpx;}map,.mapBox

{

width:

750rpx;height:

300rpx;}首頁(yè)模塊在首頁(yè)中具有四個(gè)模塊：我的題庫(kù)、添加題刻、使用說(shuō)明以及即將上線的功能。在我的題庫(kù)中可以根據(jù)教師加入的題庫(kù)，挑選不同的難度對(duì)其進(jìn)行練習(xí)；教師可以在添加題庫(kù)的功能中對(duì)題庫(kù)進(jìn)行添加，以應(yīng)對(duì)各類型學(xué)生所需要的題目；使用說(shuō)明可以讓教師了解如何對(duì)題庫(kù)進(jìn)行添加；而即將上線模塊，由于作者對(duì)本產(chǎn)品尚未開發(fā)完全，因此設(shè)置該模塊提醒使用者后續(xù)功能會(huì)有什么。首頁(yè)模塊頁(yè)面設(shè)計(jì)展示以及核心代碼從首頁(yè)模塊頁(yè)面設(shè)計(jì)展示中，可以觀察到包括多個(gè)模塊，一個(gè)標(biāo)題，一個(gè)輪播圖，以及四個(gè)模塊。四大模塊中包括我的題庫(kù)、添加題庫(kù)、使用說(shuō)明和即將上線。點(diǎn)擊我的題庫(kù)后，跳轉(zhuǎn)到選擇題庫(kù)的頁(yè)面，對(duì)題庫(kù)進(jìn)行選擇；點(diǎn)擊添加題庫(kù)后，將跳轉(zhuǎn)到添加題庫(kù)的頁(yè)面，對(duì)所添加的題庫(kù)進(jìn)行命名，也可以使用恢復(fù)功能將誤刪除的題庫(kù)進(jìn)行恢復(fù)，對(duì)恢復(fù)按鈕進(jìn)行長(zhǎng)按即可實(shí)現(xiàn)恢復(fù)題庫(kù)的功能；點(diǎn)擊使用說(shuō)明后，將跳轉(zhuǎn)到如何插入題庫(kù)的講解頁(yè)面，該頁(yè)面會(huì)對(duì)題庫(kù)格式，題目格式要求講解清楚，從而讓教師能順利對(duì)題庫(kù)進(jìn)行插入。首頁(yè)模塊頁(yè)面展示如圖8所示。圖8首頁(yè)模塊頁(yè)面展示此部分代碼主要是對(duì)首頁(yè)頁(yè)面進(jìn)行設(shè)計(jì)，完成基礎(chǔ)頁(yè)面，使用多個(gè){item.--}來(lái)對(duì)標(biāo)題、顏色、名稱等進(jìn)行儲(chǔ)存，使用時(shí)再進(jìn)行調(diào)用，可以使得代碼看起來(lái)不那么臃腫。此部分主要制作了五個(gè)模塊，一個(gè)輪播圖以及四個(gè)按鍵模塊。這些代碼都還只限于前端開發(fā)，只涉及到了頁(yè)面設(shè)計(jì)，并未涉及到后端的開發(fā)。各個(gè)按鈕作用用于跳轉(zhuǎn)至下一個(gè)頁(yè)面。代碼4首頁(yè)模塊核心代碼<!s/Home/home/home.wxml--><cu-custom

bgColor="bg-yellow">

<view

slot="content">小題庫(kù)</view></cu-custom><swiper

class="

screen-swiper2

square-dot

shadow

fixed"

indicator-dots="true"

style="top:{{CustomBar}}px;"

circular="true"

autoplay="true"

interval="5000"

duration="500"

indicator-active-color="#fec432">

<swiper-item

wx:for="{{swiperList}}"

wx:key

style="position:

absolute;

left:

-1rpx;

top:

0rpx">

<image

src="{{item.url}}"

mode="aspectFill"

wx:if="{{item.type=='image'}}"></image>

<video

src="{{item.url}}"

autoplay

loop

muted

show-play-btn="{{false}}"

controls="{{false}}"

objectFit="cover"

wx:if="{{item.type=='video'}}"></video>

</swiper-item></swiper><view

class="padding-top-xl"></view><view

class="bgIndex"

style="width:

750rpx;

height:

780rpx;

display:

block;

box-sizing:

border-box">

<view

class='nav-list

margin-top-xl'

style="width:

750rpx;

height:

630rpx;

display:

flex;

box-sizing:

border-box">

<navigator

open-type="navigate"

hover-class='none'

url="{{item.url}}"

class="nav-li

bg-{{item.color}}"

wx:for="{{elements}}"

wx:key>

<view

class="nav-title">{{item.title}}</view>

<view

class="nav-name">{{}}</view>

<text

class='cuIcon-{{item.icon}}'></text>

</navigator>

</view></view><ad

unit-id="adunit-d30d92fc5babdd3a"></ad>代碼5首頁(yè)模塊樣式核心代碼//

pages/Home/home/home.jsconst

app

=

getApp();Page({

/**

*

頁(yè)面的初始數(shù)據(jù)

*/

data:

{

StatusBar:

app.globalData.StatusBar,

CustomBar:

app.globalData.CustomBar,

swiperList:

[{

id:

0,

type:

'image',

url:

'/%E5%B0%8F%E9%A2%98%E5%BA%93Lite/2.png'

},

{

id:

1,

type:

'image',

url:

'/%E5%B0%8F%E9%A2%98%E5%BA%93Lite/2.png',

}],

elements:

[{

title:

'我的題庫(kù)',

name:

'Item

bank',

color:

'cyan',

icon:

'edit',

url:"/pages/lib/libs/libs"

},

{

title:

'添加題庫(kù)',

name:

'Add',

color:

'blue',

icon:

'add',

url:

"/pages/lib/addLib/addLib"

},

{

title:

'使用說(shuō)明',

name:

'introduce',

color:

'purple',

icon:

'searchlist',

url:"/pages/introduce/introduce"

},

{

title:

'即將上線

',

name:

'coming',

color:

'mauve',

icon:

'discover'

}]

},

/**

*

生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載

*/

onLoad:

function

(options)

{

},

/**

*

生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面初次渲染完成

*/

onReady:

function

()

{

},

previewImage:

function

(e)

{

var

current

=

e.target.dataset.src;

wx.previewImage({

current:

current,

//

當(dāng)前顯示圖片的http鏈接

urls:

eration_img

//

需要預(yù)覽的圖片http鏈接列表

})

},

/**

*

生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面顯示

*/

onShow:

function

()

{

},

/**

*

生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面隱藏

*/

onHide:

function

()

{

},

/**

*

生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面卸載

*/

onUnload:

function

()

{

},

/**

*

頁(yè)面相關(guān)事件處理函數(shù)--監(jiān)聽(tīng)用戶下拉動(dòng)作

*/

onPullDownRefresh:

function

()

{

},

/**

*

頁(yè)面上拉觸底事件的處理函數(shù)

*/

onReachBottom:

function

()

{

},

/**

*

用戶點(diǎn)擊右上角分享

*/

onShareAppMessage:

function

()

{

}})答題模塊本產(chǎn)品答題模塊為最核心的模塊，其功能是讓學(xué)生可以選擇各個(gè)題庫(kù)進(jìn)行答題，題庫(kù)可以自定義，可對(duì)其自由添加、刪減、修改。題目類型可包括單選、多選以及判斷。答題模塊頁(yè)面設(shè)計(jì)展示以及核心代碼設(shè)計(jì)從答題模塊頁(yè)面展示中，可以觀察到點(diǎn)擊我的題庫(kù)之后可以進(jìn)入題庫(kù)選擇界面，可以從中選擇所要練習(xí)的題庫(kù)，點(diǎn)擊對(duì)應(yīng)題庫(kù)后進(jìn)入選擇練習(xí)界面，點(diǎn)擊所需練習(xí)的習(xí)題后進(jìn)入答題頁(yè)面，答題頁(yè)面中選擇正確進(jìn)入下一題，錯(cuò)誤則標(biāo)紅，點(diǎn)擊左下角答案按鈕可顯示出答案，右下角星星符號(hào)可以對(duì)題目進(jìn)行收藏，成為錯(cuò)題集，右下角的左右按鈕可以實(shí)現(xiàn)上一題下一題的功能。選擇習(xí)題模塊以及答題模塊頁(yè)面展示如圖9、圖10所示。圖9選題模塊頁(yè)面展示圖10答題模塊頁(yè)面展示此部分代碼主要是對(duì)添加題庫(kù)、答題頁(yè)面、題目選擇頁(yè)面進(jìn)行設(shè)計(jì)，完成頁(yè)面設(shè)計(jì)。此模塊前臺(tái)主要是獲取各個(gè)練習(xí)題目的相關(guān)信息并處理學(xué)生用戶提交練習(xí)題的業(yè)務(wù)邏輯。后臺(tái)主要是向數(shù)據(jù)庫(kù)發(fā)送獲取練習(xí)題的相關(guān)信息的請(qǐng)求，獲取到練習(xí)題相關(guān)信息后供以前臺(tái)進(jìn)行調(diào)用。代碼6答題頁(yè)模塊核心代碼1<!--

pages/main/single/single.wxml

--><cu-custom

bgColor="bg-yellow"

isBack="{{true}}">

<view

slot="backText">返回</view>

<view

slot="content">小題庫(kù)Lite</view></cu-custom><scroll-view

scroll-y="{{modalName==null}}"

class="scrollPage

{{modalName!=null?'show':''}}

">

<view

class="page">

<scroll-view

scroll-y

style="height:{{titleHeight}}px;">

<view

class='text-black

text-df

text-lg

padding'>

<view

class='margin-top-sm

'>{{item[1]}}</view>

</view>

</scroll-view>

<scroll-view

scroll-y

style="height:

{{opsHeight}}px;

margin-top:8px;">

<view

class="margin-top-xl

flex

flex-direction

padding-bottom-xl">

<button

id='A'

class="cu-btn

lg

margin-bottom-sm"

bindtap="btnOpClick"

style="background-color:

{{bcA}};">

{{item[2]}}

</button>

<button

id='B'

class="cu-btn

lg

margin-bottom-sm

"

bindtap="btnOpClick"

style="background-color:

{{bcB}};">

{{item[3]}}

</button>

<button

id='C'

class="cu-btn

lg

margin-bottom-sm

"

bindtap="btnOpClick"

style="background-color:

{{bcC}};">

{{item[4]}}

</button>

<button

id='D'

class="cu-btn

lg

margin-bottom-sm

"

wx:if="{{item.length

>=

6}}"

bindtap="btnOpClick"

style="background-color:

{{bcD}};">

{{item[5]}}

</button>

<button

id='E'

class="cu-btn

lg

margin-bottom-sm

"

wx:if="{{item.length

>=

7}}"

bindtap="btnOpClick"

style="background-color:

{{bcE}};">

{{item[6]}}

</button>

</view>

</scroll-view>

<view

class="page_bottom">

<view

class="page_bottom_left"

bindtap="showRight">答案</view>

<picker

value="{{index}}"

range="{{pickerMsg}}"

bindchange="bindPickerChange">

<view

class="page_bottom_msg">{{index+1}}/{{tishu}}</view>

</picker>

<view

class="page_bottom_star"

bindtap="changeStar">{{star}}</view>

<view

class="page_bottom_last"

bindtap="lastQuestion">?</view>

<view

class="page_bottom_next"

bindtap="nextQuestion">?</view>

</view>

</view></scroll-view>代碼7答題頁(yè)模塊核心代碼2<!--

pages/main/single1/single1.wxml

--><cu-custom

bgColor="bg-yellow"

isBack="{{true}}">

<view

slot="backText">返回</view>

<view

slot="content">小題庫(kù)Lite</view></cu-custom><view

class="page">

<scroll-view

scroll-y

style="height:{{titleHeight}}px;">

<view

class='text-black

text-df

text-lg

padding'>

<view

class='margin-top-sm

'>{{item[1]}}</view>

</view>

</scroll-view>

<scroll-view

scroll-y

style="height:

{{opsHeight}}px;

margin-top:8px;">

<view

class="margin-top-xl

flex

flex-direction

padding-bottom-xl">

<button

id='A'

class="cu-btn

lg

margin-bottom-sm

"

bindtap="btnOpClick"

style="background-color:

{{bcA}};">

{{item[2]}}

</button>

<button

id='B'

class="cu-btn

lg

margin-bottom-sm

"

bindtap="btnOpClick"

style="background-color:

{{bcB}};">

{{item[3]}}

</button>

<button

id='C'

class="cu-btn

lg

margin-bottom-sm

"

bindtap="btnOpClick"

style="background-color:

{{bcC}};">

{{item[4]}}

</button>

<button

id='D'

class="cu-btn

lg

margin-bottom-sm

"

wx:if="{{item.length

>=

6}}"

bindtap="btnOpClick"

style="background-color:

{{bcD}};">

{{item[5]}}

</button>

<button

id='E'

class="cu-btn

lg

margin-bottom-sm

"

wx:if="{{item.length

>=

7}}"

bindtap="btnOpClick"

style="background-color:

{{bcE}};">

{{item[6]}}

</button>

</view>

</scroll-view>

<view

class="page_bottom">

<view

class="page_bottom_left"

bindtap="submit">提交</view>

<picker

value="{{index}}"

range="{{pickerMsg}}"

bindchange="bindPickerChange">

<view

class="page_bottom_msg">{{index+1}}/{{tishu}}</view>

</picker>

<view

class="page_bottom_star"

bindtap="changeStar">{{star}}</view>

<view

class="page_bottom_last"

bindtap="lastQuestion">?</view>

<view

class="page_bottom_next"

bindtap="nextQuestion">?</view>

</view></view>代碼8添加題目模塊核心代碼<!--

pages/sub/addSub/addSub.wxml

--><cu-custom

bgColor="bg-yellow"

isBack="{{true}}">

<view

slot="backText">返回</view>

<view

slot="content">我的題庫(kù)</view></cu-custom><scroll-view

scroll-y="{{modalName==null}}"

class="scrollPage

{{modalName!=null?'show':''}}

">

<view

class='text-black

text-df

text-lg

'>

<view

class="cu-form-group

solid-bottom">

<view

class="title">輸入名稱：</view>

<input

placeholder="題目分類"

id="myInput"

maxlength="17"

bindinput="getName"></input>

</view>

<radio-group

class="block"

bindchange="radioChange">

<view

class="cu-form-group">

<view

class="title">題型</view>

<radio

value="a"

checked="true"

/>

<text

class="text-lg">單選</text>

<radio

value="b"

/>

<text

class="text-lg">多選</text>

<radio

value="c"

/>

<text

class="text-lg">判斷</text>

</view>

</radio-group>

<view

class="cu-form-group

margin-top">

<textarea

auto-height

class="show_text"

wx:if="{{inputShow}}"

maxlength="200000"

placeholder="選擇題型→將題庫(kù)復(fù)制到此處→查找"

value="{{txt}}"

bindinput="txtChange"

placeholder-style="color:blue;"

/>

<scroll-view

wx:if="{{!inputShow}}"

scroll-y>

<view

class='margin-sm

bg-white

padding-sm

radius

shadow-sm

'>

<view

class='text-black

text-df'>

<text>{{formTxt}}</text>

</view>

</view>

</scroll-view>

</view>

<modal

title="添加題庫(kù)"

confirm-text="確定"

cancel-text="取消"

hidden="{{modalHidden}}"

mask

bindconfirm="modalFirm"

bindcancel="modalCancel">

{{name}}

</modal>

<view

class="flex-sub

text-row

margin-top">

<button

class="flex-item"

bindtap="btn1click">{{btn1Name}}</button>

<button

class="flex-item"

bindtap="btn2click">{{btn2Name}}</button>

</view>

</view></scroll-view>習(xí)題生成小程序系統(tǒng)測(cè)試根據(jù)上一部分的具體設(shè)計(jì)與實(shí)現(xiàn)完成后，對(duì)小程序進(jìn)行一個(gè)全面的系統(tǒng)測(cè)試，目的是檢測(cè)小程序是否出現(xiàn)其功能模塊無(wú)法使用，響應(yīng)速度慢等一系列相關(guān)的錯(cuò)誤。系統(tǒng)測(cè)試是應(yīng)用軟件開發(fā)過(guò)程中最后的步驟也是至關(guān)重要的環(huán)節(jié)，同時(shí)也為其平臺(tái)系統(tǒng)的維護(hù)和更新迭代的過(guò)程中奠定基礎(chǔ)，并對(duì)相應(yīng)功能的模塊進(jìn)行實(shí)現(xiàn)與完善。系統(tǒng)測(cè)試環(huán)境本產(chǎn)品由于是微信小程序，所以測(cè)試環(huán)境則選用電腦端制作小程序的微信開發(fā)者工具以及移動(dòng)端的微信應(yīng)用。以下通過(guò)表格列舉出移動(dòng)端以及電腦端的軟硬件測(cè)試環(huán)境參數(shù)。表1電腦端軟硬件測(cè)試環(huán)境電腦端軟硬件測(cè)試環(huán)境操作系統(tǒng)Windows10（64位）主板華碩飛行堡壘8HM370處理器Intel酷睿i5-10300HCPU@2.50GHz內(nèi)存容量16G硬盤ZHITAITiPIus50001TB網(wǎng)卡MERCURYWirelessNAdapter顯卡NVIDIAGeForceGTX1650Ti顯示器BOEHF分辨率:1920*1080(32位真彩色@60Hz)平臺(tái)微信開發(fā)者工具表2移動(dòng)端軟硬件測(cè)試環(huán)境移動(dòng)端軟硬件測(cè)試環(huán)境手機(jī)型號(hào)iQOOneo5操作系統(tǒng)OriginOSforiQOO處理器高通驍龍870內(nèi)存容量12G屏幕比例20:9網(wǎng)絡(luò)雙頻WiFi，WiFi6軟件平臺(tái)微信客戶端功能性需求測(cè)試本小程序進(jìn)行功能性需求測(cè)試主要從用戶個(gè)人模塊、添加題庫(kù)、添加題目、在線答題、收集錯(cuò)題五個(gè)核心模塊進(jìn)行功能性需求測(cè)試。用戶個(gè)人模塊對(duì)不同用戶進(jìn)行登錄和退出登錄均為正常。添加題庫(kù)模塊對(duì)用戶添加題庫(kù)、刪除題庫(kù)、調(diào)整題庫(kù)、恢復(fù)默認(rèn)題庫(kù)功能均為正常。添加題目模塊對(duì)各類型的題目添加、刪除、調(diào)整均為正常。在線答題模塊對(duì)選擇答案、切換題目、顯示答案、對(duì)錯(cuò)判定均為正常。表3小程序各模塊功能測(cè)試表操作測(cè)試預(yù)期測(cè)試結(jié)果用戶登錄用戶成功登錄正常用戶退出用戶成功退出正常添加、刪除題庫(kù)成功添加、刪除題庫(kù)正常恢復(fù)默認(rèn)題庫(kù)長(zhǎng)按恢復(fù)按鈕后點(diǎn)確定成功恢復(fù)默認(rèn)題庫(kù)正常添加、刪除題目成功添加、刪除題目正常選擇答案答對(duì)直接跳轉(zhuǎn)至下一題，錯(cuò)誤則標(biāo)紅正常切換題目點(diǎn)擊上一題或者下一題按鈕時(shí)成功切換正常顯示答案按下左下角答案按鈕時(shí)正確答案顯示綠色正常對(duì)錯(cuò)判定正確對(duì)題目對(duì)錯(cuò)進(jìn)行判定正常非功能性需求測(cè)試根據(jù)上一部分對(duì)功能性測(cè)試需求完成后，非功能性需求也是系統(tǒng)測(cè)試中重要的環(huán)節(jié)之一，主要包括平臺(tái)系統(tǒng)兼容性測(cè)試。系統(tǒng)兼容性測(cè)試，主要是測(cè)試小程序在跨端的運(yùn)行過(guò)程中的兼容狀況。小程序兼容性測(cè)試的部分結(jié)果見(jiàn)下表，但測(cè)試環(huán)境條件有限，采用PC端和移動(dòng)端的運(yùn)行環(huán)境進(jìn)行測(cè)試。表4小程序兼容性測(cè)試表序號(hào)測(cè)試內(nèi)容是否一致1小程序在PC端環(huán)境中是否能進(jìn)行正常頁(yè)面展示是2小程序在移動(dòng)端環(huán)境中是否能進(jìn)行正常頁(yè)面渲染是3小程序在PC端環(huán)境中是否能進(jìn)行正常頁(yè)面展示是4小程序在移動(dòng)端環(huán)境中是否能進(jìn)行正常頁(yè)面渲染是總結(jié)與展望總結(jié)本文簡(jiǎn)要概述了習(xí)題生成小程序設(shè)計(jì)與實(shí)現(xiàn)所采用的相關(guān)技術(shù)，分析了小程序的主要功能模塊的系統(tǒng)功能性與非功能性需求，運(yùn)用微信開發(fā)者工具對(duì)小程序各模塊功能進(jìn)行實(shí)現(xiàn)。本文主要包括以下方面的工作內(nèi)容：（1）通過(guò)搜索并瀏覽微信小程序和在線教育相關(guān)的文獻(xiàn)，以了解微信小程序目前的發(fā)展趨勢(shì)以及教育類小程序?qū)虒W(xué)方面所帶來(lái)的好處，明確小程序的發(fā)展方向，減輕學(xué)生的學(xué)習(xí)壓力。（2）在確定將習(xí)題生成的這個(gè)功能放在小程序上的時(shí)候，對(duì)小程序的特性進(jìn)行了解，根據(jù)其特性進(jìn)行分析去發(fā)揮其便捷性（3）該小程序在設(shè)計(jì)與開發(fā)過(guò)程中選擇以微信開發(fā)者工具進(jìn)行設(shè)計(jì)與實(shí)現(xiàn)，該工具的好處是使用簡(jiǎn)單，維護(hù)方便，極大地提高了開發(fā)效率。（4）設(shè)計(jì)與實(shí)現(xiàn)小程序的核心功能模塊，主要包括用戶個(gè)人模塊、在線答題模塊、生成題庫(kù)模塊、收集錯(cuò)題模塊。根據(jù)小程序的需求分析，用戶角色分析分為了三種類型：學(xué)生、教師以及管理員，分別對(duì)這三種不同的角色類型進(jìn)行權(quán)限的分配及用戶角色需求分析。在線答題模塊主要用于習(xí)題練習(xí)，學(xué)生可以運(yùn)用該模塊進(jìn)行多次練習(xí)，進(jìn)行多種難度的練習(xí)，是打破學(xué)生學(xué)習(xí)瓶頸的重要模塊。生成題庫(kù)模塊主要是供教師制作題庫(kù)的功能模塊，同時(shí)該模塊起到了讓教師根據(jù)學(xué)生情況制定專門的題庫(kù)的作用。收集錯(cuò)題模塊是學(xué)生對(duì)做錯(cuò)的題進(jìn)行收錄的模塊，同時(shí)也是教師了解學(xué)生學(xué)習(xí)狀況的主要模塊。展望本文習(xí)題生成小程序已基本達(dá)到預(yù)設(shè)的要求，但是在平臺(tái)開發(fā)過(guò)程中，涉及的技術(shù)比較寬廣，計(jì)算機(jī)知識(shí)還需繼續(xù)學(xué)習(xí)，再加上個(gè)人技術(shù)原因的制約，導(dǎo)致其平臺(tái)系統(tǒng)還有許多功能未完善和實(shí)現(xiàn)，留下了待完善的空間。主要有以下方面：(1)在需求分析中提到的根據(jù)學(xué)生練習(xí)情況給予相應(yīng)的學(xué)習(xí)策略這個(gè)功能，由于個(gè)人技術(shù)原因制約，并未能將此功能實(shí)現(xiàn)，日后會(huì)提高個(gè)人技術(shù)，將其補(bǔ)充完整。(2)在需求分析中提到的排行榜模塊，即根據(jù)學(xué)生做題情況進(jìn)行排名以鼓勵(lì)學(xué)生良性競(jìng)爭(zhēng)，由于個(gè)人技術(shù)原因制約，并未將次功能實(shí)現(xiàn)，日后會(huì)將其補(bǔ)充完整。(3)在答題模塊中，添加題庫(kù)以及添加題目的模塊頁(yè)面設(shè)計(jì)較為簡(jiǎn)陋，今后需對(duì)其進(jìn)行二次設(shè)計(jì)，將頁(yè)面美化。