《基于SpringBoot的在線考試系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)》9000字

基于SpringBoot的在線考試系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)目錄1引言 11．1選題背景及研究意 11．2國(guó)內(nèi)外研究現(xiàn)狀 12需求分析 32．1選題背景及研究意 32．2用例分析 32．3功能性需求分析 42．4非功能性需求分析 53開發(fā)環(huán)境 53．1Vue簡(jiǎn)介 53．2MySQL簡(jiǎn)介 53．3Springboot簡(jiǎn)介 54系統(tǒng)總體設(shè)計(jì) 54．1系統(tǒng)總體框架設(shè)計(jì) 54．2數(shù)據(jù)庫(kù)設(shè)計(jì) 75系統(tǒng)詳細(xì)設(shè)計(jì) 105．1用戶登錄界面 105．2考試管理模塊 105．3題庫(kù)管理模塊 125．4成績(jī)查詢界面 145．5用戶管理模塊 165．6學(xué)生考試界面 175．6自動(dòng)判題模塊 185．7學(xué)生留言界面 196測(cè)試過(guò)程與結(jié)論 196．1測(cè)試方法 196．2功能測(cè)試 196．3性能測(cè)試 206．4結(jié)果分析 21結(jié)論 22參考文獻(xiàn) 241引言1．1選題背景及研究意1.1.1研究背景及意義當(dāng)今世界，隨著不斷發(fā)展和進(jìn)步的信息技術(shù)，學(xué)校的考試方式正在發(fā)生巨大的轉(zhuǎn)變。逐漸從傳統(tǒng)的紙質(zhì)考試轉(zhuǎn)變?yōu)樵诰€考試，在線考試在高校多種考試方式中的重要程度不斷提高[1]。尤其是近期受到疫情的影響，在線考試系統(tǒng)對(duì)大學(xué)生的學(xué)習(xí)提供了巨大的幫助。在家通過(guò)網(wǎng)絡(luò)也能參加考試，保障了正常的學(xué)習(xí)進(jìn)度。在線考試系統(tǒng)不僅減少了對(duì)人力物力的消耗，更加提高了學(xué)生的考試效率，極大便利了學(xué)生，教師和教學(xué)單位[2,3]?？荚囎鳛闄z驗(yàn)學(xué)生學(xué)習(xí)成果的最主要方式之一，需要在公開透明的環(huán)境下進(jìn)行。傳統(tǒng)的紙質(zhì)考試出題時(shí)間慢，印刷周期長(zhǎng)且存在試題泄露的風(fēng)險(xiǎn)?；趥鹘y(tǒng)考試的部分缺陷，在線考試系統(tǒng)逐漸發(fā)展起來(lái)，電子閱卷的形式可以在一定程度上減少人工閱卷可能造成的失誤，也可以避免教師在出試題時(shí)間和精力上的浪費(fèi)。本文將主要介紹基于springboot的在線考試系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[4,5]。1.1.2項(xiàng)目工作和主要功能項(xiàng)目工作分為兩部分，系統(tǒng)界面的搭建，以及后端數(shù)據(jù)庫(kù)設(shè)計(jì)。系統(tǒng)界面的搭建使用Vue框架，后端采用SpringBoot框架。完成以上兩塊的工作需要掌握J(rèn)ava語(yǔ)言的相關(guān)語(yǔ)法、Vue的語(yǔ)法、事件處理器和組件。運(yùn)用的開發(fā)軟件是IDEA。本項(xiàng)目主要功能點(diǎn)包括以下幾點(diǎn)。（1）教師發(fā)布考試，添加修改試題。（2）學(xué)生作答試卷，查看成績(jī)。（3）管理員管理教師和學(xué)生的信息1．2國(guó)內(nèi)外研究現(xiàn)狀1.2.1國(guó)內(nèi)研究現(xiàn)狀我國(guó)就在線考試系統(tǒng)的發(fā)展相較于國(guó)外晚一些，首批在線教育系統(tǒng)在1998年才逐漸出現(xiàn)[6,7]。目前在線考試系統(tǒng)的發(fā)展已經(jīng)進(jìn)入穩(wěn)步階段，在線考試系統(tǒng)的模式可以減輕很多教育、培訓(xùn)方面的工作壓力。在線考試提高工作效率，對(duì)應(yīng)經(jīng)常需要組織考試的人員或機(jī)構(gòu)來(lái)說(shuō)，不需要打印試卷、組織考場(chǎng)，只需要幾個(gè)步驟，就可以發(fā)布一場(chǎng)考試，而且考后也會(huì)自動(dòng)閱卷，自動(dòng)出成績(jī)、考試報(bào)告，非常方便，考試在網(wǎng)上進(jìn)行，解決了地域和時(shí)間的限制，在一定程度上提高了考試的執(zhí)行效率且節(jié)約了大量人工成本[8,9]。近期以來(lái)，受到疫情的影響，為了安全防疫，更加推動(dòng)了對(duì)在線考試的研究和發(fā)展，例如研究生招生考試的復(fù)試大多采取線上考試的形式[10]。全國(guó)計(jì)算機(jī)考試也常常采用在線考試系統(tǒng)的方式進(jìn)行，考生只需在就近考場(chǎng)即可參加考試，考試試題往往是隨機(jī)的，每個(gè)人的試題并不相同，在很大程度上避免了作弊的可能[11]。在我國(guó)機(jī)動(dòng)車駕駛考試中，對(duì)于駕駛汽車的學(xué)習(xí)初期也采用了電子模擬駕駛的學(xué)習(xí)形式，在熟悉操作后再上路進(jìn)行車輛的駕駛學(xué)習(xí)，大大提高了安全性，在一些理論考試和實(shí)際操作考試上也采用了無(wú)紙化在線考試的形式，方便了考試的安排和流程[12]。國(guó)內(nèi)市場(chǎng)上有許多很受歡迎的在線考試系統(tǒng)如問(wèn)卷星、清華大學(xué)的雨課堂考試平臺(tái)在保證在線考試的功能外，同時(shí)保證了用戶的信息保護(hù)、身份認(rèn)證、網(wǎng)絡(luò)支持等要求。還有很多如學(xué)習(xí)通，釘釘，中國(guó)大學(xué)生慕課等app都提供了在線考試的功能，為疫情在家的學(xué)生提供了很多便利，但在線考試也存在著一定缺陷，如考試進(jìn)行中網(wǎng)絡(luò)中斷可能會(huì)對(duì)考試的結(jié)果造成一定的影響，在線考試的監(jiān)考可能無(wú)法做到紙質(zhì)考試那樣嚴(yán)格，對(duì)考生的自覺(jué)性要求過(guò)高，在線考試系統(tǒng)可能無(wú)法同時(shí)讓大量考試進(jìn)行，線上或線下的考試應(yīng)根據(jù)實(shí)際情況來(lái)安排[13,14]。1.2.2國(guó)外研究現(xiàn)狀國(guó)外對(duì)于在線考試系統(tǒng)的研究早于我國(guó)，在1960年后就開始進(jìn)行相關(guān)的研究，并且得到一定學(xué)者的關(guān)注。如由杜克大學(xué)開發(fā)的ProjectEssayGrady系統(tǒng)，利用統(tǒng)計(jì)方法對(duì)文章等主觀文字進(jìn)行自動(dòng)評(píng)分[15,16]。1989年，馬里蘭大學(xué)研發(fā)的intelligentEssayAssessor系統(tǒng)，以詞為元素，通過(guò)余弦相關(guān)性算法根據(jù)在文章中出現(xiàn)的次數(shù)以及重要程度計(jì)算出文本的得分[17]。國(guó)際上著名的CCNP網(wǎng)絡(luò)工程師、托福等考試對(duì)世界各地的考生采用了在線考試的方式，在一定程度上克服了異地考試的困難。在疫情的影響下，國(guó)外的高校也采取了利用在線考試的方式對(duì)學(xué)生進(jìn)行學(xué)習(xí)的指導(dǎo)，斯坦福大學(xué)、哈佛大學(xué)、普林斯頓大學(xué)等利用Canvas在線教學(xué)平臺(tái)，該平臺(tái)提供包含課程作業(yè)、課后測(cè)試和學(xué)習(xí)評(píng)價(jià)等基本功能。還有Blackboard是一個(gè)基于java開發(fā)，支持百萬(wàn)級(jí)用戶訪問(wèn)的網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)，由美國(guó)畢博公司研發(fā)，我國(guó)浙江大學(xué)、中山大學(xué)等也有使用該平臺(tái)[18]。2需求分析2．1選題背景及研究意在網(wǎng)絡(luò)上查詢相關(guān)資料及詢問(wèn)身邊同學(xué)后，得出用戶的需求如下：實(shí)現(xiàn)一個(gè)在線考試系統(tǒng)。當(dāng)管理員登錄時(shí)，可以進(jìn)行1.考試管理2.題庫(kù)管理3.成績(jī)查詢4.學(xué)生管理5.教師管理。當(dāng)教師登錄時(shí)，可以進(jìn)行1.考試管理2.題庫(kù)管理3.成績(jī)查詢4.學(xué)生管理。當(dāng)學(xué)生登錄時(shí)，可以進(jìn)行1.考試作答2.成績(jī)查詢。在線考試系統(tǒng)的出現(xiàn)將提高考試效率，降低錯(cuò)判幾率[19]。2．2用例分析根據(jù)上述需求分析，設(shè)計(jì)的管理員用例圖如圖2.1所示，主要的功能包括登錄、考試管理、題庫(kù)管理、成績(jī)查詢、教師信息管理和學(xué)生信息管理。圖2.1管理員用例圖設(shè)計(jì)的教師用例圖如圖2.2所示，主要的功能包括登錄、考試管理、題庫(kù)管理、成績(jī)查詢、學(xué)生信息管理。圖2.2教師用例圖設(shè)計(jì)的教師用例圖如圖2.3所示，主要的功能包括登錄、考試作答、成績(jī)查詢、學(xué)生信息管理。圖2.3學(xué)生用例圖2．3功能性需求分析（1）發(fā)布考試：教師新建一場(chǎng)考試，從題庫(kù)中抽取習(xí)題，設(shè)置分值及其完成時(shí)間，生成考試。（2）題庫(kù)管理：教師向題庫(kù)中增加或刪除試題。（3）考試批改：電腦自動(dòng)批閱。（4）考試成績(jī)：電腦自動(dòng)登分，電腦自動(dòng)提供學(xué)生成績(jī)報(bào)告。（5）用戶管理：教師和管理員可以進(jìn)行學(xué)生信息的增加、修改、刪除。2．4非功能性需求分析系統(tǒng)性能需要通過(guò)盡量少的資源成本，獲取最大的網(wǎng)站運(yùn)行速度。系統(tǒng)再未來(lái)運(yùn)營(yíng)中，勢(shì)必獲得許多用戶訪問(wèn)量，這就要求系統(tǒng)具有可擴(kuò)展性、可靠性和穩(wěn)定性。為了保證系統(tǒng)后期的高訪問(wèn)量，采用SpringBoot后端框架作為在線考試系統(tǒng)的開發(fā)框架[20,21]。3開發(fā)環(huán)境3．1Vue簡(jiǎn)介Vue.js是近年較為流行的前端框架。Vue.js不僅有angular.js和react.js的優(yōu)點(diǎn)，也優(yōu)化了它們的缺點(diǎn)。Vue.js是一個(gè)JavaScriptMVVM庫(kù)。是以數(shù)據(jù)驅(qū)動(dòng)和組件化思想構(gòu)建的，采用了自底向上的增量開發(fā)設(shè)計(jì)。Vue.js提供了簡(jiǎn)潔、易于理解的API,使得我們能快速上手Vue.js。目前為止element就是較好的支持vue2.0的UI組件[22]。3．2MySQL簡(jiǎn)介MySQL數(shù)據(jù)庫(kù)是一款開放源碼的數(shù)據(jù)庫(kù)，它提供免費(fèi)的版本，從而降低了用戶的使用成本，適用于不同類型的用戶。MySQL數(shù)據(jù)庫(kù)為用戶提供一個(gè)安全可靠的平臺(tái)，其具有技術(shù)成熟、功能齊全、數(shù)據(jù)處理強(qiáng)和成本低等優(yōu)點(diǎn)[23]。其還具有很強(qiáng)的可移植性，不僅可以在windows上進(jìn)行使用，還可以在Linux等平臺(tái)使用[24]。3．3Springboot簡(jiǎn)介SpringBoot框架是由Spring框架發(fā)展而來(lái)的，它簡(jiǎn)化了之前搭建項(xiàng)目的復(fù)雜性，簡(jiǎn)化了開發(fā)人員的操作，使開發(fā)人員更專注代碼的編寫。它通過(guò)注解的自動(dòng)注入，而不需要處理XML文件[25,26]。配置maven還可以處理依賴文件的版本問(wèn)題。SpringBoot框架內(nèi)部提供了tomcat等訪問(wèn)容器，而不需要另外配置。使用SpringBoot框架進(jìn)行軟件開發(fā)時(shí)，通過(guò)往pom文件中添加依賴，再使用注解就可以代替xml配置文件，非常簡(jiǎn)便。SpringBoot的層次結(jié)構(gòu)也非常分明，每一層各司其職，邏輯清晰，許多代碼利用IDEA可以自動(dòng)生成[27]。4系統(tǒng)總體設(shè)計(jì)4．1系統(tǒng)總體框架設(shè)計(jì)本系統(tǒng)考試管理、題庫(kù)管理、成績(jī)查詢、用戶管理等模塊組成?？荚嚬芾砟K包括考試查詢和添加考試兩個(gè)功能，超級(jí)管理員和教師可以查詢?cè)嚲砻Q、介紹、所屬學(xué)院、所屬專業(yè)、年級(jí)、考試日期、考試時(shí)長(zhǎng)、總分、試卷類型并對(duì)它們進(jìn)行修改和刪除操作。添加考試功能可以添加新的考試，其中考試日期采用了日期插件，方便規(guī)范日期的選擇。學(xué)生在登陸后，可以查看已經(jīng)發(fā)布的考試，選擇并進(jìn)入考試進(jìn)行答題，答題完成后立刻得到成績(jī)。題庫(kù)管理模塊包括查詢題庫(kù)和增加題庫(kù)兩個(gè)功能，超級(jí)管理員和教師可以查詢題庫(kù)中的所有題目，查看試卷名稱、題目信息、所屬章節(jié)、題目類型、試題分?jǐn)?shù)、題目難度等信息，還可以進(jìn)行增加題庫(kù)和自動(dòng)組卷操作。添加試題可以根據(jù)下拉框選擇題目類型，題目類型分為選擇題、填空題和判斷題?？梢允謩?dòng)添加題目，也可以根據(jù)題目難度自動(dòng)組卷。成績(jī)查詢模塊包括管理員、教師查詢學(xué)生成績(jī)和學(xué)生查詢自己成績(jī)，管理員和教師可以選擇某門學(xué)科種類并查詢?cè)撻T課程所有學(xué)生的成績(jī)，并用餅圖表示出各個(gè)分?jǐn)?shù)段百分比和人數(shù)，也可以選擇某場(chǎng)考試進(jìn)行成績(jī)分段查詢，查詢每位學(xué)生所有成績(jī)的分?jǐn)?shù)變化。學(xué)生的各科成績(jī)?cè)诘顷憣W(xué)生界面后點(diǎn)擊我的成績(jī)按鈕進(jìn)行查詢。用戶管理模塊主要提供給超級(jí)管理員對(duì)教師和學(xué)生的信息刪除和編輯操作，可以添加學(xué)生或教師信息，教師只能對(duì)學(xué)生信息的修改、新增或刪除操作。學(xué)生不能進(jìn)行注冊(cè)賬號(hào)操作，只能通過(guò)管理員或教師添加賬號(hào)，學(xué)生用戶可以根據(jù)賬號(hào)密碼登錄，初始密碼為123456，學(xué)生在登錄后可以自行修改密碼?？傮w結(jié)構(gòu)圖如圖4.1所示。圖4.1系統(tǒng)總體結(jié)構(gòu)圖4．2數(shù)據(jù)庫(kù)設(shè)計(jì)下面分別介紹數(shù)據(jù)庫(kù)實(shí)體和數(shù)據(jù)關(guān)系和數(shù)據(jù)庫(kù)表結(jié)構(gòu)設(shè)計(jì)。在線考試系統(tǒng)整體ER圖如圖4.2所示。圖4.2系統(tǒng)ER圖重要數(shù)據(jù)表及字段說(shuō)明，如下表所示。表3-1管理員表備注列名類型主鍵非空長(zhǎng)度ID號(hào)adminIdint是是10姓名adminNamevarchar否是20性別sexvarchar否是2電話telvarchar否是11郵箱emailvarchar否是20密碼pwdvarchar否是16證件號(hào)cardIdvarchar否是18角色rolevarchar否是1表3-2教師表備注列名類型主鍵非空長(zhǎng)度ID號(hào)teacherIdint是是10姓名teacherNamevarchar否是20學(xué)院institutevarchar否是20性別sexvarchar否是2電話號(hào)碼telvarchar否是11電子郵箱emailvarchar否是20職稱typevarchar否是20密碼pwdvarchar否是16證件號(hào)cardIdvarchar否是18角色rolevarchar否是1表3-3學(xué)生表備注列名類型主鍵非空長(zhǎng)度ID號(hào)studentIdint是是9姓名studentNamevarchar否是20學(xué)院institutevarchar否是20性別sexvarchar否是2電話telvarchar否是11郵箱emailvarchar否是20年級(jí)gradevarchar否是4密碼pwdvarchar否是16證件號(hào)cardIdvarchar否是18角色rolevarchar否是1表3-4考試管理表備注列名類型主鍵非空長(zhǎng)度考試編號(hào)examCodeint是是9考試介紹descriptionvarchar否是50課程名稱sourcevarchar否是20試卷編號(hào)paperIdint否是10考試日期examDatevarchar否是10持續(xù)時(shí)長(zhǎng)totalTimeint否是3年級(jí)gradevarchar否是10學(xué)期termvarchar否是10專業(yè)majorvarchar否是20學(xué)院institutevarchar否是20總分totalScoreint否是4考試類型typevarchar否是255考生須知tipsvarchar否否2555系統(tǒng)詳細(xì)設(shè)計(jì)5．1用戶登錄界面用戶分為管理員、教師。學(xué)生三種類型，在登錄時(shí)輸入1-9位用戶名，和小于16位的密碼，三種用戶在數(shù)據(jù)庫(kù)中設(shè)置不同的role屬性，0為管理員，1為教師，2為學(xué)生，在輸入用戶名密碼后點(diǎn)擊登錄即可進(jìn)行登錄，根據(jù)所輸入的數(shù)據(jù)依次在數(shù)據(jù)庫(kù)進(jìn)行比對(duì)，若查詢不到此條記錄，則彈框顯示用戶名或者密碼錯(cuò)誤，清空原先輸入的內(nèi)容即可重新登錄。若查詢到該條記錄，則根據(jù)用戶的不同role屬性跳轉(zhuǎn)到相應(yīng)的界面。管理員的初始賬號(hào)為9527，初始密碼為123456。教師的初始賬號(hào)為20081001，密碼為123456。通過(guò)后期管理員添加新的用戶，教師和學(xué)生可以根據(jù)該賬號(hào)密碼進(jìn)行登錄，本系統(tǒng)的用戶不可自行注冊(cè)賬號(hào)。用戶登錄界面如圖5.1所示。圖5.1用戶登錄界面5．2考試管理模塊考試管理模塊只在管理員和教師界面有，考試管理模塊包含考試查詢和添加考試兩個(gè)功能，點(diǎn)擊考試查詢后，會(huì)在exam_manage表中查詢所有考試并以表格的形式把所有考試的信息輸出在前端界面中。在操作一欄中有編輯和刪除兩個(gè)按鈕，點(diǎn)擊某場(chǎng)考試后的編輯按鈕，即可根據(jù)該考試ID查詢并更改該場(chǎng)考試的信息，如試卷名稱、所屬學(xué)院、所屬專業(yè)、年級(jí)、考試日期、持續(xù)時(shí)長(zhǎng)、總分等，點(diǎn)擊確認(rèn)按鈕即可成功修改該場(chǎng)考試信息。為了規(guī)范日期的選擇用了formatTime時(shí)間戳格式轉(zhuǎn)化的方法，將日期格式化并返回規(guī)范的數(shù)據(jù)類型。點(diǎn)擊刪除按鈕，即可刪除該條記錄。點(diǎn)擊添加考試后，輸入想要添加考試的信息后點(diǎn)擊立即創(chuàng)建，添加成功后會(huì)顯示數(shù)據(jù)添加成功?？荚嚥樵兘缑媾c添加考試界面如圖5.2.1、圖5.2.2所示。圖5.2.1考試查詢界面圖5.2.2添加考試界面5．3題庫(kù)管理模塊題庫(kù)查詢模塊包括查詢題庫(kù)和增加題庫(kù)兩個(gè)功能，點(diǎn)擊查詢所有題庫(kù)，題型分為選擇題、判斷題和填空題，會(huì)在multi_question表（選擇題表）和judge_question表（判斷題表）、fill_question表（填空題表）中查詢所有試題并以表格的形式把所有試題的信息如試卷名稱、題目信息、試題分?jǐn)?shù)等信息輸出在前端界面中。增加題庫(kù)可以往之前添加的考試中添加試題，本系統(tǒng)提供手動(dòng)添加和自動(dòng)組卷添加試題兩種方式。選擇手動(dòng)添加后，在下拉列表中選擇題目類型，分別往相應(yīng)的試題表中添加一條記錄，添加成功后會(huì)顯示創(chuàng)建成功。選擇自動(dòng)組卷后，在下拉列表中選擇題目難度，在數(shù)據(jù)庫(kù)中，每種的類型的試題都有一個(gè)level屬性，范圍1-5，1-2對(duì)應(yīng)難度為簡(jiǎn)單，3-4對(duì)應(yīng)難度為中等，5為困難。選擇難度后，會(huì)在后端數(shù)據(jù)庫(kù)中，根據(jù)level屬性查詢相應(yīng)數(shù)量的題目并根據(jù)paperId(試卷號(hào))添加進(jìn)相應(yīng)的考試中，點(diǎn)擊立即創(chuàng)建，會(huì)顯示創(chuàng)建成功。查詢題庫(kù)界面、添加題庫(kù)界面、手動(dòng)添加試題界面、自動(dòng)組卷界面如圖5.3.1、圖5.3.2、圖5.3.3、圖5.3.4所示。圖5.3.1查詢題庫(kù)界面圖5.3.2添加題庫(kù)界面圖5.3.3手動(dòng)添加試題界面圖5.3.4自動(dòng)組卷界面5．4成績(jī)查詢界面管理員和教師可以進(jìn)行學(xué)生成績(jī)查詢。成績(jī)查詢功能分為查詢某個(gè)學(xué)生的成績(jī)變化或者查詢某場(chǎng)考試的所有成績(jī)分布，點(diǎn)擊相應(yīng)查詢方式即可跳轉(zhuǎn)到對(duì)應(yīng)的分段charts頁(yè)面，在mounted生命周期函數(shù)中實(shí)例化Echarts對(duì)象，把數(shù)據(jù)集中存儲(chǔ)到了vuex中，echarts組件再?gòu)膙uex中獲取數(shù)據(jù)。成績(jī)查詢界面和查詢結(jié)果界面如圖5.4.1、圖5.4.2、圖5.4.3所示。圖5.4.1成績(jī)查詢界面圖5.4.2查詢結(jié)果界面1圖5.4.3查詢結(jié)果界面25．5用戶管理模塊用戶管理模塊可以編輯學(xué)生信息和刪除學(xué)生信息，操作一欄中有編輯和刪除兩個(gè)按鈕。點(diǎn)擊編輯按鈕后，在數(shù)據(jù)庫(kù)的student表中根據(jù)學(xué)生ID查詢?cè)摋l記錄，并且在文本框中手動(dòng)輸入需要修改的信息如姓名、學(xué)院、專業(yè)、年級(jí)等來(lái)更新學(xué)生的信息，更新成功后會(huì)顯示修改成功。刪除也是根據(jù)學(xué)生ID在表中刪除相應(yīng)記錄，刪除成功后會(huì)顯示操作成功。添加學(xué)生同樣是手動(dòng)輸入相應(yīng)信息，在student表中添加一條新的記錄。用戶管理界面和添加用戶界面如圖5.5.1、圖5.5.2所示。圖5.5.1用戶管理界面圖5.5.2添加用戶界面5．6學(xué)生考試界面學(xué)生登錄后，可以進(jìn)行教師已發(fā)布的考試的進(jìn)行選擇，點(diǎn)擊該場(chǎng)考試即可進(jìn)行答題。試卷的顯示利用ElementUI做了分頁(yè)查詢，八條記錄分成一頁(yè)，通過(guò)axios請(qǐng)求數(shù)據(jù)綁定到tableData集合來(lái)綁定表格的數(shù)據(jù)。搜索試卷可以根據(jù)關(guān)鍵字輸入，顯示出帶有相關(guān)字的試卷，具體實(shí)現(xiàn)是由后端數(shù)據(jù)庫(kù)先查詢所有考試記錄，再利用前端進(jìn)行具體篩選，將查詢出的所有試卷存入一個(gè)集合并進(jìn)行遍歷，根據(jù)輸入的關(guān)鍵字key用一個(gè)過(guò)濾器filter篩選出包含此關(guān)鍵字記錄，點(diǎn)擊搜索即可將相關(guān)記錄輸出在頁(yè)面。進(jìn)入答題界面后，點(diǎn)擊下一題或題號(hào)利用html跳轉(zhuǎn)到相應(yīng)試題，點(diǎn)擊標(biāo)記按鈕會(huì)在題號(hào)后面通過(guò)改變背景顏色標(biāo)識(shí)出來(lái)，未答的題目會(huì)用白色的背景顏色，已答的題目會(huì)用藍(lán)色的背景顏色進(jìn)行區(qū)分。點(diǎn)擊用戶圖標(biāo)則會(huì)顯示出考生的考試號(hào)和姓名。右上角的倒計(jì)時(shí)用了Timer方法進(jìn)行計(jì)時(shí)，先獲取當(dāng)前系統(tǒng)時(shí)間并根據(jù)之前所設(shè)置的考試時(shí)間進(jìn)行倒計(jì)時(shí)，返回所剩余的時(shí)間并用倒計(jì)時(shí)的方式輸出出來(lái)，考生須在倒計(jì)時(shí)結(jié)束前交卷，點(diǎn)擊結(jié)束考試即可完成考試，考試完成后會(huì)立馬跳轉(zhuǎn)到此場(chǎng)考試的成績(jī)界面。學(xué)生考試界面如圖5.6所示。圖5.6學(xué)生考試界面5．6自動(dòng)判題模塊自動(dòng)判題模塊，利用cookie獲取用戶數(shù)據(jù)，定義不同的數(shù)組分別保存考生的選項(xiàng)、每種題型的分?jǐn)?shù)和題目總數(shù)、用二維數(shù)組保存填空題答案，通過(guò)后臺(tái)獲取路由傳遞過(guò)來(lái)的試卷編號(hào)，通過(guò)examCode請(qǐng)求試卷詳細(xì)信息，通過(guò)paperId獲取題目信息根據(jù)數(shù)組中保存的答案進(jìn)行判題，數(shù)組循環(huán)每種題型得分并加在一起計(jì)算出總分，然后將總分存入數(shù)據(jù)庫(kù)中。答題界面和得分界面如圖5.6.1、圖5.6.2所示。圖5.6.1考試界面圖5.6.2得分界面5．7學(xué)生留言界面學(xué)生界面上方點(diǎn)擊給我留言按鈕后，即可進(jìn)行留言的操作。此功能可以發(fā)布留言也可以對(duì)已有的留言進(jìn)行評(píng)論。此頁(yè)面對(duì)留言進(jìn)行了分頁(yè)處理每頁(yè)四條記錄，點(diǎn)擊相應(yīng)頁(yè)數(shù)即可跳轉(zhuǎn)到該頁(yè)。在留言標(biāo)題和留言內(nèi)容中的輸入框中分別輸入文本，若有一項(xiàng)內(nèi)容輸入為空，則會(huì)顯示錯(cuò)誤并彈出彈窗提示留言標(biāo)題或內(nèi)容不能為空。確認(rèn)內(nèi)容后點(diǎn)擊發(fā)布會(huì)顯示留言成功。點(diǎn)擊已有的留言下方的評(píng)論按鈕即可進(jìn)行評(píng)論，成功后會(huì)顯示評(píng)論成功。學(xué)生留言界面如圖5.7所示。圖5.7學(xué)生留言界面6測(cè)試過(guò)程與結(jié)論6．1測(cè)試方法系統(tǒng)測(cè)試是軟件開發(fā)中非常重要的環(huán)節(jié)，測(cè)試工作往往從需求分析時(shí)就以及開始了，并不是系統(tǒng)功能做好之后才開始進(jìn)行測(cè)試工作，在軟件開發(fā)越早期，發(fā)現(xiàn)的錯(cuò)誤越容易改正。傳統(tǒng)的測(cè)試方法分為黑盒測(cè)試和白盒測(cè)試，黑盒測(cè)試是不關(guān)心軟件內(nèi)部運(yùn)行過(guò)程。將程序看成不能打開的黑盒子，不考慮程序內(nèi)部結(jié)構(gòu)通過(guò)程序接口進(jìn)行測(cè)試，檢查程序功能是否按照設(shè)計(jì)需求的規(guī)定能夠正常使用[28]。白盒測(cè)試需要完全了解系統(tǒng)內(nèi)部的邏輯結(jié)構(gòu)，對(duì)系統(tǒng)進(jìn)行測(cè)試。本系統(tǒng)主要采用的是黑盒測(cè)試法[29]。6．2功能測(cè)試依據(jù)系統(tǒng)的具體需求以及測(cè)試目的的要求設(shè)計(jì)測(cè)試用例。實(shí)際測(cè)試涵蓋在線考試系統(tǒng)的所有功能模塊，因篇幅有限，下面以考試模塊為例介紹功能測(cè)試。部分測(cè)試用例如下表所示。表6-1發(fā)布考試測(cè)試用例測(cè)試用例編號(hào)：TC01測(cè)試用例名稱:發(fā)布考試測(cè)試用例類型：功能測(cè)試測(cè)試目的：驗(yàn)證用戶是否可以發(fā)布考試，數(shù)據(jù)是否能成功錄入數(shù)據(jù)庫(kù)，頁(yè)面的顯示是否正確前置條件：P1、用戶已登錄測(cè)試步驟：S1、進(jìn)入用戶主頁(yè)面，點(diǎn)擊添加考試，進(jìn)入發(fā)布考試頁(yè)面，輸入考試名稱、介紹、考試時(shí)長(zhǎng)、考試總分，點(diǎn)擊立即添加；預(yù)期結(jié)果：1、考試數(shù)據(jù)保存成功，數(shù)據(jù)成功進(jìn)入數(shù)據(jù)庫(kù)；2、頁(yè)面跳轉(zhuǎn)到主頁(yè)面按時(shí)間倒序排列，剛發(fā)布的考試顯示在第一條；測(cè)試結(jié)果：成功通過(guò)表6-2編輯考試測(cè)試用例測(cè)試用例編號(hào)：TC02測(cè)試用例名稱:編輯考試測(cè)試用例類型：功能測(cè)試測(cè)試目的：驗(yàn)證用戶是否可以編輯考試，數(shù)據(jù)是否能成功錄入數(shù)據(jù)庫(kù)，頁(yè)面的顯示是否正確前置條件：P1、用戶已登錄P2、用戶已成功發(fā)布考試測(cè)試步驟：S1、進(jìn)入查詢考試頁(yè)面，點(diǎn)擊編輯按鈕，進(jìn)入編輯考試頁(yè)面，重新輸入考試名稱、介紹、考試時(shí)長(zhǎng)、考試總分，點(diǎn)擊修改；預(yù)期結(jié)果：1、修改考試數(shù)據(jù)保存成功，數(shù)據(jù)成功進(jìn)入數(shù)據(jù)庫(kù)；2、頁(yè)面跳轉(zhuǎn)到主頁(yè)面按時(shí)間倒序排列，剛發(fā)布的考試顯示在第一條；測(cè)試結(jié)果：成功通過(guò)表6-3刪除考試測(cè)試用例測(cè)試用例編號(hào)：TC03測(cè)試用例名稱:刪除考試測(cè)試用例類型：功能測(cè)試測(cè)試目的：驗(yàn)證用戶是否可以刪除考試，數(shù)據(jù)庫(kù)是否已更新，頁(yè)面的顯示是否正確前置條件：P1、用戶已登錄P2、用戶已成功發(fā)布考試測(cè)試步驟：S1、進(jìn)入查詢考試頁(yè)面，點(diǎn)擊刪除按鈕；預(yù)期結(jié)果：1、刪除考試成功，數(shù)據(jù)同步刪除到數(shù)據(jù)庫(kù)；2、頁(yè)面跳轉(zhuǎn)到主頁(yè)面，已不再顯示已刪除的考試；測(cè)試結(jié)果：成功通過(guò)6．3性能測(cè)試在線考試系統(tǒng)的性能測(cè)試，是依據(jù)系統(tǒng)的性能需求設(shè)計(jì)測(cè)試用例，以下以安全測(cè)試為例介紹系統(tǒng)的性能測(cè)試。部分測(cè)試用例如下表所示。表6-4輸入驗(yàn)證測(cè)試用例測(cè)試用例編號(hào)：TC01測(cè)試用例名稱:輸入驗(yàn)證測(cè)試用例類型：安全測(cè)試測(cè)試目的：驗(yàn)證系統(tǒng)是否可以對(duì)用戶輸入的內(nèi)容進(jìn)行驗(yàn)證，過(guò)濾非法輸入前置條件：P1、用戶已登錄測(cè)試步驟：S1、輸入特殊字符，html代碼，數(shù)據(jù)庫(kù)語(yǔ)句；預(yù)期結(jié)果：1、提示用戶輸入不可用測(cè)試結(jié)果：成功通過(guò)6．4結(jié)果分析通過(guò)對(duì)本在線考試系統(tǒng)的多輪測(cè)試，系統(tǒng)已成功通過(guò)所有測(cè)試內(nèi)容。通過(guò)對(duì)結(jié)果的分析得出以下結(jié)論：在線考試系統(tǒng)的需求方面，以滿足了所有功能需求；在線考試系統(tǒng)的性能方面，系統(tǒng)成功通過(guò)了安全測(cè)試，保證了系統(tǒng)的安全性與可靠性；在線考試系統(tǒng)的易用性方面，頁(yè)面采用vue設(shè)計(jì)，簡(jiǎn)潔明了。綜上所述，在線考試系統(tǒng)基本上通過(guò)了所有測(cè)試，滿足了對(duì)用戶的需求[30,31]。結(jié)論在線考試系統(tǒng)解決了傳統(tǒng)紙質(zhì)考試出題時(shí)間慢，印刷周期長(zhǎng)等問(wèn)題，在一定程度上減少了人工批閱可能出現(xiàn)的錯(cuò)誤，自動(dòng)改卷節(jié)約了人力和時(shí)間，為學(xué)校等教育機(jī)構(gòu)和學(xué)生提供了便利，在線考試這種考試方式也越來(lái)越重要。本文的項(xiàng)目采用了當(dāng)下較為流行的SpringBoot框架，大大減少了搭建項(xiàng)目的時(shí)間，使開發(fā)者的工作效率大大提高。本系統(tǒng)采用B/S架構(gòu)，遵從MVC的設(shè)計(jì)思想，在原來(lái)的基礎(chǔ)進(jìn)行修改，所以此系統(tǒng)主要包括數(shù)據(jù)訪問(wèn)層、業(yè)務(wù)邏輯層、控制層和視圖層。前端采主要用Vue框架、html、elementUI組件，使前后端數(shù)據(jù)傳送更加方便。本文的項(xiàng)目雖然已經(jīng)實(shí)現(xiàn)了基本功能，但還有許多不足的地方待完善，比如說(shuō)從題庫(kù)添加試題進(jìn)入考試，應(yīng)該采用自動(dòng)組卷和手動(dòng)選擇相結(jié)合的方式，只有自動(dòng)組卷或只能手動(dòng)添加試題的方式缺乏一定的自由性，后期應(yīng)設(shè)法改進(jìn)?，F(xiàn)在的留言功能是直接對(duì)文本進(jìn)行增加和刪除，留言功能是非常隨意的，連續(xù)的操作數(shù)據(jù)庫(kù)，勢(shì)必會(huì)給數(shù)據(jù)庫(kù)增加負(fù)擔(dān)，所以后續(xù)考慮使用redis緩存，定期將操作更新到數(shù)據(jù)庫(kù)。本系統(tǒng)的成績(jī)查閱功能也可能更加完善，應(yīng)該把更詳細(xì)簡(jiǎn)明的數(shù)據(jù)直接呈現(xiàn)給用戶，后期考慮用表單將各信息逐條顯示給用戶查看。

參考文獻(xiàn)[1]汪永明.基于B/S模式的在線考試系統(tǒng)[J].計(jì)算機(jī)技術(shù)與發(fā)展,2004,14(001):59-60.[2]田宗軍,王桂峰.基于B/S模式的在線考試系統(tǒng)[J].計(jì)算機(jī)與信息技術(shù),2009,000(003):P.9091.[3]王劍輝,馬佳琳,張勇.基于Web的在線考試系統(tǒng)[J].西安科技大學(xué)學(xué)報(bào),2007(02):280-283.[4]基于Web的通用在線考試系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].計(jì)算機(jī)工程與設(shè)計(jì),2008,29(021):5608-5610.[5]ZhangYH.DesignandImplementationofOnlineExaminationSysteminPaperlessExaminationBasedonSSHArchitecture[J].JournalofYulinUniversity,2012,16(003):36-48.[6]ChenX.theRealizationofOnline_examinationBasedonASP.NET3.5+AJAXFeatures[J].ScienceMosaic,2008,14(001):52-68.[7]HuS,JiaX,FuY.ResearchonAbnormalBehaviorDetectionofOnlineExaminationBasedonImageInformation[C]//201810thInternationalConferenceonIntelligentHuman-MachineSystemsandCybernetics(IHMSC).2018:17.[8]LuH,HuY.TheDesignandImplementationofOnlineExaminationSystemBasedonJ2EE[C]//InternationalConferenceonIndustrialControl&ElectronicsEngineering.IEEE,2012:54.[9]YanS.DesignofOnlineExaminationSystemBasedonSSHFramework[C]//2015InternationalConferenceonAdvancesinMechanicalEngineeringandIndustrialInformatics.2015:23.[10]楊家煒.基于SpringBoot的web設(shè)計(jì)與實(shí)現(xiàn)[J].輕工科技,2016,000(007):86-89.[11]董曉睿、邸文華、崔健、商凱.基于SpringBoot的在線考試系統(tǒng)的設(shè)計(jì)與開發(fā)[J].電腦編程技巧與維護(hù),2020,No.424(10):38-40.[12]HuoJ.Designandimplementationofman-hourstatisticmanagementinformationsystem[J].PetroleumRefineryEngineering,2006,25(3):93.[13]PanCC,YangKH,LeeTL.Secureonlineexaminationarchitecturebasedondistributedfirewall[C]//IEEEInternationalConferenceonE-technology.IEEE,2004:12-17.[14]ThomasP.Drawingdiagramsinanonlineexamination[J].loughboroughuniversity,2004,14(001):52-68.[15]HanM,WangYZ,WangJS.DesignandimplementationofGMonlineexaminationsystem[J].ComputerEngineeringandDesign,2008,14(001):52-68.[16]YuanZ,LiangZ,ZhanG.Anovelweb-basedonlineexaminationsystemforcomputerscienceeducation[C]//IEEE.IEEE,2003:16.[17]FliorE,KowalskiK.ContinuousBiometricUserAuthent