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

小題庫Lite\nV0.5

</text>

</view>

<view

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

bgColor="bg-yellow">

<view

slot="content">小題庫</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首頁模塊樣式核心代碼//

pages/Home/home/home.jsconst

app

=

getApp();Page({

/**

*

頁面的初始數(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:

'我的題庫',

name:

'Item

bank',

color:

'cyan',

icon:

'edit',

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

},

{

title:

'添加題庫',

name:

'Add',

color:

'blue',

icon:

'add',

url:

"/pages/lib/addLib/addLib"

},

{

title:

'使用說明',

name:

'introduce',

color:

'purple',

icon:

'searchlist',

url:"/pages/introduce/introduce"

},

{

title:

'即將上線

',

name:

'coming',

color:

'mauve',

icon:

'discover'

}]

},

/**

*

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

*/

onLoad:

function

(options)

{

},

/**

*

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

*/

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)聽頁面顯示

*/

onShow:

function

()

{

},

/**

*

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

*/

onHide:

function

()

{

},

/**

*

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

*/

onUnload:

function

()

{

},

/**

*

頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作

*/

onPullDownRefresh:

function

()

{

},

/**

*

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

*/

onReachBottom:

function

()

{

},

/**

*

用戶點擊右上角分享

*/

onShareAppMessage:

function

()

{

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

pages/main/single/single.wxml

--><cu-custom

bgColor="bg-yellow"

isBack="{{true}}">

<view

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

<view

slot="content">小題庫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答題頁模塊核心代碼2<!--

pages/main/single1/single1.wxml

--><cu-custom

bgColor="bg-yellow"

isBack="{{true}}">

<view

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

<view

slot="content">小題庫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">我的題庫</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="選擇題型→將題庫復(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="添加題庫"

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