基于Java的在線(xiàn)考試系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)【附源碼+lun文完整版】

**

媛ma: 2-3-8-6-7-0-4-0-3-0

**

1.引言
1.1 研究背景
互聯(lián)網(wǎng)技術(shù)已經(jīng)是未來(lái)的發(fā)展方向更是成為當(dāng)代教育的一個(gè)特征之一。計(jì)算機(jī)網(wǎng)絡(luò)給我們帶來(lái)諸多的信息，也帶來(lái)了無(wú)窮的便捷。線(xiàn)上網(wǎng)絡(luò)教育也開(kāi)始顯山露水，在線(xiàn)考試作為遠(yuǎn)程教育的一個(gè)分支也必然成為一個(gè)重要領(lǐng)域[1]。
隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展,相應(yīng)的教育有關(guān)系統(tǒng)也應(yīng)該為同學(xué)們考慮，讓學(xué)生們跟隨網(wǎng)絡(luò)發(fā)展的腳步實(shí)施更新自我的認(rèn)知。學(xué)生們最關(guān)心的是什么，是考試！那么傳統(tǒng)線(xiàn)下考試模式中,組織一次考試不僅需要消耗大量時(shí)間籌備，而且具有很多繁瑣的步驟。明顯的看來(lái),學(xué)生的升學(xué)中伴隨著考試類(lèi)型的不斷增加以及提高的考試要求，傳統(tǒng)線(xiàn)下考試方式給學(xué)校、教師帶來(lái)了很大的工作問(wèn)題、工作壓力。因此，設(shè)計(jì)在線(xiàn)考試系統(tǒng)是非常有必要的，用來(lái)解決上述的一些問(wèn)題。
1.2 研究意義
經(jīng)濟(jì)意義：
在線(xiàn)考試系統(tǒng)可以大大降低考試成本，減少人力和物力的投入。傳統(tǒng)的紙質(zhì)考試需要印刷試卷、運(yùn)輸、監(jiān)考等環(huán)節(jié)，耗費(fèi)大量時(shí)間和資源。而在線(xiàn)考試系統(tǒng)可以在線(xiàn)生成試卷，學(xué)生可以在線(xiàn)答題，自動(dòng)評(píng)分和保存成績(jī)，大大降低了考試成本，提高了效率。
社會(huì)意義：
在線(xiàn)考試系統(tǒng)可以為學(xué)生提供更方便、更快捷的考試方式，不再受時(shí)間和地點(diǎn)的限制。同時(shí)，它可以為學(xué)生提供更多的考試資源，如各種類(lèi)型的題目、知識(shí)點(diǎn)等，幫助學(xué)生更好地掌握知識(shí)。此外，在線(xiàn)考試系統(tǒng)還可以為教師提供更準(zhǔn)確、更及時(shí)的成績(jī)反饋，幫助教師更好地評(píng)估學(xué)生的學(xué)習(xí)情況，從而更好地指導(dǎo)學(xué)生的學(xué)習(xí)。
個(gè)人意義：
在線(xiàn)考試系統(tǒng)可以為學(xué)生提供更加個(gè)性化的學(xué)習(xí)方式。通過(guò)在線(xiàn)考試系統(tǒng)，學(xué)生可以根據(jù)自己的學(xué)習(xí)進(jìn)度和理解程度來(lái)選擇適合自己的題目和難度，更好地檢測(cè)自己的學(xué)習(xí)效果，并且可以隨時(shí)隨地自我檢測(cè)和復(fù)習(xí)。同時(shí)，在線(xiàn)考試系統(tǒng)還可以幫助學(xué)生更好地了解自己的知識(shí)點(diǎn)掌握情況，從而更好地制定學(xué)習(xí)計(jì)劃和策略，提高學(xué)習(xí)效率。
1.3 國(guó)內(nèi)外研究現(xiàn)狀
1.3.1國(guó)外研究概況
在線(xiàn)教育已經(jīng)開(kāi)始慢慢普及，而在線(xiàn)考試也會(huì)在在線(xiàn)教育的驅(qū)動(dòng)下開(kāi)花結(jié)果、其實(shí)早在1996年國(guó)外就出現(xiàn)了與線(xiàn)上教學(xué)相對(duì)應(yīng)的線(xiàn)上考試，尤其是在一些發(fā)達(dá)國(guó)家中，隨著技術(shù)的發(fā)展，人們對(duì)于系統(tǒng)的要求也越來(lái)越高，同時(shí)系統(tǒng)的完整性也變得更好，功能也越多，像TOEFL、GRE（美國(guó)研究生入學(xué)考試）、MSCE（微軟系統(tǒng)工程師認(rèn)證考試）等、Oracle認(rèn)證考試等，這些都已經(jīng)開(kāi)始使用網(wǎng)絡(luò)在線(xiàn)考試來(lái)代替?zhèn)鹘y(tǒng)的紙質(zhì)試卷。由于國(guó)外的在線(xiàn)考試起步較早，所以他們?cè)诩夹g(shù)上也是比我們要成熟的[2]。
1.3.2國(guó)內(nèi)研究概況
目前在我們國(guó)內(nèi)，在線(xiàn)考試還正處于蓬勃發(fā)展的時(shí)期，由于我們起步較晚所以我們?cè)谙到y(tǒng)的應(yīng)用方面還是要落后于國(guó)外的，所以應(yīng)用也還不是非常普及，只有少數(shù)的國(guó)家級(jí)的簡(jiǎn)單考試會(huì)用到在線(xiàn)考試，如普通話(huà)水平考試、機(jī)動(dòng)車(chē)駕駛科一、科四考試等，但我們現(xiàn)在各大高校也開(kāi)始慢慢重視起來(lái)這個(gè)問(wèn)題，尤其是去年的疫情影響下，在線(xiàn)考試的重要性便體現(xiàn)出來(lái)了[3]。
而我們國(guó)內(nèi)較為成熟的在線(xiàn)考試平臺(tái)有由清華大學(xué)開(kāi)發(fā)的雨課堂考試平臺(tái)，還有微信小程序中的問(wèn)卷星，這雖然不是一個(gè)專(zhuān)業(yè)的考試系統(tǒng)，但它的使用率在國(guó)內(nèi)比任何一個(gè)考試系統(tǒng)要大，它主要適用于調(diào)研，投票，信息采集和在線(xiàn)考試這幾大用途。
2.系統(tǒng)開(kāi)發(fā)的相關(guān)技術(shù)
2.1 SSM框架
SSM框架是由“SpringMvc”+“Spring”+“Mybatis”組合而成，很多程序員深受喜愛(ài)。Spring屬于從大小和開(kāi)銷(xiāo)都是輕量級(jí)的；SSM框架其中功能之一的是控制反轉(zhuǎn)，它能夠促進(jìn)各個(gè)模塊中低耦合，從而方便后期的維護(hù)性；其中還有面向切面AOP，這個(gè)功能體現(xiàn)出不同的事物可以用不同的方式來(lái)驗(yàn)證，好處就是讓程序員更方便快捷管理和配置應(yīng)用對(duì)象。MyBatis是Java開(kāi)發(fā)中最重要的部分之一，同時(shí)它也是Java的一個(gè)持久性框架，它的操作是可以將編寫(xiě)的對(duì)象或者Sql語(yǔ)句進(jìn)行一系列的關(guān)聯(lián)，從視覺(jué)上來(lái)看更加簡(jiǎn)潔明了。優(yōu)點(diǎn)如下所示。
1、對(duì)剛?cè)腴T(mén)或者初級(jí)程序員中是相對(duì)吸收較快的。
2、Sql數(shù)據(jù)固定寫(xiě)在Xml中，使得Sql數(shù)據(jù)更加容易得到統(tǒng)一管理、操作。
3、解除程序之間各個(gè)模塊與Sql的耦合度，使得更容易維護(hù)操作。
4、主動(dòng)提供Xml標(biāo)簽，讓Sql數(shù)據(jù)更靈活[3]。
2.2 Mysql數(shù)據(jù)庫(kù)
本文選擇MySQL作為學(xué)生網(wǎng)絡(luò)考試系統(tǒng)的數(shù)據(jù)庫(kù)。MySQL是一款關(guān)聯(lián)數(shù)據(jù)庫(kù)管理系統(tǒng)，廣受歡迎且特別適用于WEB應(yīng)用。其最大的特點(diǎn)是數(shù)據(jù)存儲(chǔ)在各種表格中，這樣可以提高數(shù)據(jù)處理效率和靈活性。SQL語(yǔ)言是訪(fǎng)問(wèn)數(shù)據(jù)庫(kù)的規(guī)范語(yǔ)言，為開(kāi)發(fā)者提供了一種高效且簡(jiǎn)潔的方式來(lái)操作數(shù)據(jù)庫(kù)。
MySQL實(shí)施了雙重許可制度，這使得它既適用于大規(guī)模的網(wǎng)絡(luò)開(kāi)發(fā)者，也適用于中小規(guī)模的網(wǎng)絡(luò)開(kāi)發(fā)者。因此，考慮到其靈活性和廣泛的應(yīng)用性，我們選擇MySQL作為學(xué)生網(wǎng)絡(luò)考試系統(tǒng)的數(shù)據(jù)庫(kù)來(lái)儲(chǔ)存信息。
2.3 Java簡(jiǎn)介
Java語(yǔ)言是目前市場(chǎng)上所用頻率最高的語(yǔ)言之一，它具有先天性的跨平臺(tái)優(yōu)勢(shì)以及可以使用在電腦桌面端、移動(dòng)端等快捷操作，這樣的優(yōu)勢(shì)使得各大程序員偏愛(ài)Java語(yǔ)言，也讓Java在后期以更快的速度進(jìn)行維護(hù)優(yōu)化，其中Java有封裝性、多態(tài)性、繼承性的面向?qū)ο蟮木幊陶Z(yǔ)言。
Java語(yǔ)言為何會(huì)產(chǎn)生跨平臺(tái)的天然優(yōu)勢(shì)，這其中Java語(yǔ)言中間擁有了jvm虛擬機(jī)，當(dāng)Java編譯.java文件的時(shí)候可以轉(zhuǎn)化為字節(jié)碼文件，但是字節(jié)碼文件都是相同的，可是jvm卻不同，jvm根據(jù)每個(gè)服務(wù)器硬件所編寫(xiě)的，到最后jvm虛擬機(jī)會(huì)把當(dāng)初的字節(jié)碼文件再一次編譯成服務(wù)器硬件上的指令集。所以就產(chǎn)生了“一次寫(xiě)成,處處運(yùn)行”的作用[4]。
3.系統(tǒng)分析
3.1 系統(tǒng)設(shè)計(jì)目標(biāo)
系統(tǒng)分析是在整個(gè)環(huán)節(jié)中是非常重要的步驟，它能夠體現(xiàn)出系統(tǒng)最終版的功能是否完善?？荚嚬芾硐到y(tǒng)提供了用戶(hù)對(duì)班級(jí)信息、通知公告、課程信息、試題管理、試卷、考試等信息的快捷操控性，能夠讓管理員在工作期間進(jìn)行更好的存儲(chǔ)所有數(shù)據(jù)信息及簡(jiǎn)單明了的檢查及搜索功能。
系統(tǒng)所要實(shí)現(xiàn)的功能分析，方便在網(wǎng)絡(luò)上進(jìn)行管理，根據(jù)管理員本人的需求可以進(jìn)行用戶(hù)信息的增刪改查功能，好處就是能夠使使用者節(jié)約更多的時(shí)間，基本可以不用傳統(tǒng)的方式，查閱紙質(zhì)信息。所以開(kāi)發(fā)考試管理系統(tǒng)不僅僅讓管理員得到滿(mǎn)意的需求，還能提高管理員的工作效率，減少?gòu)?fù)雜多樣的工作量[5]。
3.2 系統(tǒng)可行性分析
在線(xiàn)考試管理系統(tǒng)是以管理員對(duì)考試的增刪改查為主體，以使用考試試卷的學(xué)生為次體，有班級(jí)信息管理、學(xué)生管理、老師管理、試卷管理等主要部分。此系統(tǒng)使用穩(wěn)定的MySql數(shù)據(jù)庫(kù)進(jìn)行對(duì)系統(tǒng)前后端的數(shù)據(jù)交互，最終實(shí)現(xiàn)較為完整的考試管理系統(tǒng)。
3.2.1 技術(shù)可行性
根據(jù)技術(shù)層次方面，在線(xiàn)考試系統(tǒng)主要基于SSM框架進(jìn)行開(kāi)發(fā)，前端頁(yè)面采用Vue技術(shù)編寫(xiě)，后臺(tái)使用了MySQL來(lái)進(jìn)行數(shù)據(jù)交互，接入學(xué)生、老師、試卷等重要資源數(shù)據(jù)。SSM和Vue有一個(gè)共同的優(yōu)點(diǎn)就是他們有自帶的官方文檔，進(jìn)入他們的網(wǎng)站可以很方便查詢(xún)到關(guān)鍵功能的文檔編寫(xiě)，我們根據(jù)文檔編寫(xiě)能夠保證該系統(tǒng)的穩(wěn)定性。MySQL 數(shù)據(jù)庫(kù)從目前來(lái)說(shuō)是市場(chǎng)上實(shí)用程度最廣泛的數(shù)據(jù)庫(kù)，其優(yōu)點(diǎn)就是效率高，使得許多網(wǎng)站和軟件都是基于MySQL 數(shù)據(jù)庫(kù)開(kāi)發(fā)的，能夠穩(wěn)定地實(shí)現(xiàn)對(duì)系統(tǒng)前臺(tái)以及后臺(tái)的數(shù)據(jù)交互和管理功能。因此，基于SSM框架的在線(xiàn)考試管理系統(tǒng)從技術(shù)層面上來(lái)說(shuō)具有較高的可行性[6]。
3.2.2 經(jīng)濟(jì)可行性
根據(jù)經(jīng)濟(jì)層次方面，在線(xiàn)考試管理系統(tǒng)開(kāi)發(fā)和運(yùn)行過(guò)程所使用的軟件都是免費(fèi)的，這對(duì)于我們來(lái)說(shuō)幾乎是零成本，這樣顯得十分重要。參考官方文檔并編程出的管理系統(tǒng)并沒(méi)有過(guò)多要求，家用、商用的電腦都可以實(shí)現(xiàn)。其次，通過(guò)前期制作的UI視圖，可以讓管理員減少排列數(shù)據(jù)的時(shí)間和精力。最后，在線(xiàn)考試管理系統(tǒng)實(shí)現(xiàn)了管理員的時(shí)間分配自由，具有一定的經(jīng)濟(jì)效益。因此，基于SSM框架的在線(xiàn)考試管理系統(tǒng)從經(jīng)濟(jì)層面上是絕對(duì)有可行性的[7]。
3.2.3 管理可行性
根據(jù)管理層次方面，在線(xiàn)考試管理系統(tǒng)是方便管理員使用的。隨著經(jīng)濟(jì)快速發(fā)展，廣大人民對(duì)電腦的使用程度越來(lái)越嫻熟，用戶(hù)使用此系統(tǒng)沒(méi)有過(guò)多的阻礙，管理員經(jīng)過(guò)簡(jiǎn)單試用便可輕松熟練掌握此系統(tǒng)的規(guī)則流程。在線(xiàn)考試系統(tǒng)有諸多按鈕用于管理和實(shí)現(xiàn)各種數(shù)據(jù)的增刪改查，因此，在管理層次方面來(lái)說(shuō)，具有很高的可行性。
根據(jù)多角度因素分析，基于SSM在線(xiàn)考試管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)均具有較高的可行性[8]。
3.3 系統(tǒng)功能分析和描述
該高校在線(xiàn)考試管理系統(tǒng)總體分管理員和學(xué)生、教師三個(gè)登錄模塊，為三種角色提供不同的界面展示。
管理員模塊在整個(gè)系統(tǒng)中處于頂端位置，它能夠集合整體的數(shù)據(jù)來(lái)操作，所涉及使用功能模塊都關(guān)系到教師和角色的信息變化，其功能有：首頁(yè)、個(gè)人中心、班級(jí)信息管理、學(xué)生管理、教師管理、通知公告管理、課程信息管理、試題管理、管理員管理、試卷管理、考試管理等。如圖3.1示。

圖3.1管理員示例圖
教師端功能有：首頁(yè)、個(gè)人中心、通知公告管理、課程信息管理、試卷管理、試題管理、考試管理等。
學(xué)生端功能有：首頁(yè)、個(gè)人中心、通知公告管理、課程信息管理、考試管理等。如圖3.2所示。

圖3.2學(xué)生流程示例圖
3.3.1班級(jí)信息管理
管理員輸入賬號(hào)密碼登錄后可查看班級(jí)信息的數(shù)據(jù)，也可以進(jìn)行對(duì)班級(jí)信息數(shù)據(jù)增加、修改、刪除、查詢(xún)等操作。
3.3.2教師管理
管理員輸入賬號(hào)密碼登錄后可查看學(xué)生的登錄學(xué)號(hào)、密碼等關(guān)鍵數(shù)據(jù)，同時(shí)也可以對(duì)學(xué)生數(shù)據(jù)進(jìn)行修改，如聯(lián)系電話(huà)、班級(jí)信息、出生年月等操作。查看老師數(shù)據(jù)的同時(shí)，可以及時(shí)修改老師的數(shù)據(jù)，如登錄賬號(hào)和密碼、主教課程、聯(lián)系電話(huà)等操作。
3.3.3試題試卷管理
管理員輸入賬號(hào)密碼登錄后可自行對(duì)試卷中的試題進(jìn)行類(lèi)型選擇，以及對(duì)試題數(shù)據(jù)增加、修改、刪除、查詢(xún)等操作。當(dāng)操作成功后，將試題打包成試卷進(jìn)行發(fā)布，學(xué)生端會(huì)相應(yīng)接受到試卷等考試信息[9]。
3.3.4考試管理
當(dāng)教師將試卷發(fā)布成功后，即可查看所發(fā)布的試卷列表，以及學(xué)生考完試后，將錯(cuò)題記錄在錯(cuò)題本上，還有學(xué)生的考試記錄。這些操作，能夠及時(shí)將考試數(shù)據(jù)、記錄等集合在一體，使得老師更方便統(tǒng)一管理操作。
3.3.5課程信息管理
這里的功能集合了老師上課的時(shí)間、地點(diǎn)、課時(shí)、學(xué)分等信息，在教師端中，可以讓教師輕易查看自己接下來(lái)要進(jìn)行的哪些功課。
3.4系統(tǒng)流程分析
3.4.1添加信息流程
當(dāng)我們開(kāi)始添加信息時(shí)，系統(tǒng)將自動(dòng)生成校驗(yàn)規(guī)則,用戶(hù)不需要填寫(xiě),用戶(hù)根據(jù)校驗(yàn)規(guī)則來(lái)填寫(xiě)相關(guān)的數(shù)據(jù)，如果校驗(yàn)數(shù)據(jù)成功，那么將用戶(hù)填寫(xiě)的有效數(shù)據(jù)進(jìn)行統(tǒng)一保存管理，最終將添加至MySQL數(shù)據(jù)庫(kù)中，當(dāng)用戶(hù)沒(méi)有注意到校驗(yàn)規(guī)則時(shí)，填寫(xiě)的數(shù)據(jù)信息時(shí)無(wú)效的，系統(tǒng)將會(huì)提示用戶(hù)數(shù)據(jù)信息有誤。如圖3.3所示。

圖3.3 添加信息流程圖
3.4.2操作流程
用戶(hù)可以選擇三種登錄狀態(tài)，當(dāng)是學(xué)生第一次使用該系統(tǒng)時(shí)，我們首先要填寫(xiě)注冊(cè)信息，注冊(cè)成功后，數(shù)據(jù)將添入后臺(tái)MySQL數(shù)據(jù)庫(kù)中。如果是教師，管理員將自行添加數(shù)據(jù)信息，來(lái)讓每一位老師獲得登錄權(quán)限。每一種狀態(tài)代表的信息各有不同，當(dāng)用戶(hù)輸入用戶(hù)名和密碼時(shí)，系統(tǒng)會(huì)將數(shù)據(jù)庫(kù)中校驗(yàn)信息拿出來(lái)進(jìn)行比對(duì)，比對(duì)成功后，則進(jìn)入相應(yīng)的功能界面，反之則無(wú)法進(jìn)入該系統(tǒng)。具體操作流程圖如圖3.4所示。

圖3.4操作流程圖
3.4.3刪除信息流程
這部分則提供了用戶(hù)自我選擇刪除功能。根據(jù)系統(tǒng)中刪除的提示符來(lái)提供刪除功能。當(dāng)用戶(hù)選擇刪除功能時(shí)，系統(tǒng)會(huì)提供是否刪除提示信息，以防止用戶(hù)臨時(shí)改變策略，刪除成功后，隨之?dāng)?shù)據(jù)庫(kù)也將刪除數(shù)據(jù)。具體刪除操作如圖3.5所示。

圖3.5 刪除信息流程圖
3.4.4考試管理系統(tǒng)數(shù)據(jù)流程
管理員可在此考試管理系統(tǒng)中發(fā)布信息、增刪改查相關(guān)信息及流程，學(xué)生/教師登錄后可查看相關(guān)考試信息[10]。數(shù)據(jù)流程如圖3.6所示。

圖3.6 系統(tǒng)數(shù)據(jù)流程圖
4.系統(tǒng)設(shè)計(jì)
4.1系統(tǒng)體系結(jié)構(gòu)
主界面、首頁(yè)、個(gè)人中心、班級(jí)信息管理、學(xué)生管理、教師管理、通知公告管理、課程信息管理、試題管理、管理員管理、試卷管理、考試管理。在線(xiàn)考試管理系統(tǒng)的結(jié)構(gòu)圖4.1所示。

圖4.1 系統(tǒng)結(jié)構(gòu)圖
登錄系統(tǒng)結(jié)構(gòu)圖，如圖4.2所示：

圖4.2 登錄結(jié)構(gòu)圖
4.2 數(shù)據(jù)庫(kù)設(shè)計(jì)原則
數(shù)據(jù)庫(kù)同步操作實(shí)現(xiàn)交互式體驗(yàn)。E-R圖描述現(xiàn)實(shí)世界概念模型，幫助開(kāi)發(fā)人員和用戶(hù)理解業(yè)務(wù)需求并轉(zhuǎn)化為軟件代碼，提高開(kāi)發(fā)效率和降低項(xiàng)目風(fēng)險(xiǎn)。E-R圖由關(guān)系、實(shí)體和屬性三個(gè)基本元素組成。在線(xiàn)考試系統(tǒng)功能全面，滿(mǎn)足需求，如系統(tǒng)功能E-R圖所示（如圖4.3所示）。

圖4.3系統(tǒng)E-R圖

其中學(xué)生信息E-R圖，如圖4.4所示。

圖4.4學(xué)生信息E-R圖

教師信息E-R圖，如圖4.5所示。

圖4.5教師信息E-R圖
4.3 數(shù)據(jù)庫(kù)表
基于SSM框架的高校在線(xiàn)考試管理系統(tǒng)后臺(tái)數(shù)據(jù)采用 MySQL 數(shù)據(jù)庫(kù)進(jìn)行整合，有關(guān)數(shù)據(jù)庫(kù)中的數(shù)據(jù)表如下。
1、教師表
主要包含：ID、創(chuàng)建時(shí)間、教師工號(hào)、密碼、教師姓名、性別、手機(jī)、郵箱、主教課程。教師表如表4-1所示。
表4-1 教師表
字段名稱(chēng) 字段意義 字段類(lèi)型 字段長(zhǎng)度 是否主鍵 能否為空
id 編號(hào) bigint 20 是 否
addtime 創(chuàng)建時(shí)間 timestamp 255 否 否
gonghao 教師工號(hào) varchar 255 否 是
mima 密碼 longtext 255 否 是
xingming 教師姓名 date 255 否 是
xingbie 性別 int 255 否 是
shouji 手機(jī)號(hào) varchar 255 否 是
youxiang 郵箱 varhcar 255 否 是
kecheng 主教課程 varchar 255 否 是

2、用戶(hù)表
主要包含：ID、用戶(hù)名稱(chēng)、密碼、角色、新增時(shí)間。用戶(hù)表如表4-2所示。
表4-2 用戶(hù)表
字段名稱(chēng) 字段意義 字段類(lèi)型 字段長(zhǎng)度 是否主鍵 能否為空
id 編號(hào) bigint 20 是 否
username 用戶(hù)名稱(chēng) varchar 20 否 否
password 密碼 varchar 20 否 否
role 角色 varchar 255 否 是
addtime 新增時(shí)間 timestamp 255 否 否
3、課程信息表
主要包含：ID、創(chuàng)建時(shí)間、課程編號(hào)、課程名稱(chēng)、課時(shí)、學(xué)分。課程信息表如表4-3所示。
表4-3課程信息表
字段名稱(chēng) 字段意義 字段類(lèi)型 字段長(zhǎng)度 是否主鍵 能否為空
id 編號(hào) bigint 20 是 否
addtime 新增時(shí)間 timestamp 20 否 是
bianhao 課程編號(hào) varchar 255 否 是
keshi 課時(shí) varchar 255 否 是
xuefen 學(xué)分 varchar 255 否 是
shijian 上課時(shí)間 varchar 255 否 是
gonghao 教師工號(hào) varchar 255 否 是
xingming 教師姓名 varchar 255 否 是
mingcheng 課程名稱(chēng) varchar 255 否 是
4、ToKen認(rèn)證表
主要包含：ID、用戶(hù)名、表名、角色、密碼、新增時(shí)間、過(guò)期時(shí)間。ToKen認(rèn)證表如表4-4所示。
表4-4：ToKen認(rèn)證表
字段名稱(chēng) 字段意義 字段類(lèi)型 字段長(zhǎng)度 是否主鍵 能否為空
id 編號(hào) bigint 20 是 否
userid 用戶(hù)編號(hào) bigint 20 否 是
username 用戶(hù)名 varchar 255 否 是
tablename 表名 varchar 255 否 是
role 角色 varchar 255 否 是
token 校驗(yàn) bigint 255 否 是
addtime 新增時(shí)間 varchar 255 否 是
expiratedtime 過(guò)期時(shí)間 varchar 255 否 是
5、通知公告表
主要包含：ID、創(chuàng)建時(shí)間、標(biāo)題、摘要、相關(guān)附件、內(nèi)容、發(fā)布日期。通知公告表如表4-5所示。
表4-5 通知公告表
字段名稱(chēng) 字段意義 字段類(lèi)型 字段長(zhǎng)度 是否主鍵 能否為空
id 編號(hào) bigint 20 是 否
addtime 新增時(shí)間 varchar 255 否 是
biaoti 標(biāo)題 varchar 255 否 是
zhaiyao 摘要 varchar 255 否 是
fujian 相關(guān)附件 varchar 255 否 是
neirong 內(nèi)容 varchar 255 否 是
faburiqi 發(fā)布日期 varchar 255 否 是
6、學(xué)生表
主要包含：ID、創(chuàng)建時(shí)間、學(xué)號(hào)、密碼、學(xué)生姓名、性別、出生日期、聯(lián)系電話(huà)、班級(jí)。學(xué)生表如表4-6所示。
表4-6 學(xué)生表
字段名稱(chēng) 字段意義 字段類(lèi)型 字段長(zhǎng)度 是否主鍵 能否為空
id 編號(hào) bigint 20 是 否
addtime 新增日期 varchar 255 否 是
xuehao 學(xué)號(hào) varchar 255 否 是
mima 密碼 varchar 255 否 是
xingming 姓名 varchar 255 否 是
xingbie 性別 varchar 255 否 是
riqi 出生日期 varchar 255 否 是
dianhua 聯(lián)系電話(huà) varchar 255 否 是
banji 班級(jí) varchar 255 否 是
5.系統(tǒng)實(shí)現(xiàn)
5.1學(xué)生功能模塊
5.1.1學(xué)生登錄功能模塊
學(xué)生打開(kāi)系統(tǒng)后，根據(jù)圖示選擇角色登錄，并輸入賬號(hào)密碼來(lái)驗(yàn)證登錄。如圖5.1所示。

圖5.1 用戶(hù)登錄界面圖
登錄的關(guān)鍵代碼如代碼1所示。
代碼1 登錄關(guān)鍵代碼
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: http({ url:`{this.tableName}/login?username=KaTeX parse error: Expected 'EOF', got '&' at position 27: …Form.username} &?password={this.rulesForm.password}`,
method: “post”
}).then(({ data }) => {
if (data && data.code === 0) {
this.$storage.set("Token",data.token);this.$storage.set(“role”, this.rulesForm.role);
this.$storage.set("sessionTable",this.tableName);this.$storage.set(“adminName”, this.rulesForm.username);
this.KaTeX parse error: Expected 'EOF', got '}' at position 46: …/" }); }? else { …message.error(data.msg);
}
});
5.1.2學(xué)生注冊(cè)模塊
學(xué)生點(diǎn)擊注冊(cè)后，根據(jù)學(xué)號(hào)、密碼、學(xué)生姓名、聯(lián)系電話(huà)。注冊(cè)相關(guān)個(gè)人信息。如圖5.2所示。

圖5.2 用戶(hù)注冊(cè)界面圖
關(guān)鍵代碼如代碼2所示。
代碼2 關(guān)鍵性代碼
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … url: `{this.tableName}/register`,
method: “post”,
data:this.ruleForm
}).then(({ data }) => {
if (data && data.code === 0) {
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … this.router.replace({ path: “/login” });
}
});
} else {
this.$message.error(data.msg);
5.1.3 個(gè)人中心模塊
學(xué)生登錄系統(tǒng)后，輸入原密碼后、新密碼、確認(rèn)密碼操作后點(diǎn)擊“確定”修改密碼。如圖5.3所示。

圖5.3 修改密碼界面圖
學(xué)生登錄系統(tǒng)后，也可以根據(jù)自己學(xué)號(hào)、姓名、性別、出生年月、聯(lián)系電話(huà)、班級(jí)來(lái)修改個(gè)人信息。如圖5.4所示。

圖5.4 用戶(hù)個(gè)人信息界面圖
更新數(shù)據(jù)的關(guān)鍵代碼如代碼3所示。
代碼3 個(gè)人中心關(guān)鍵代碼
this.user.password = this.ruleForm.newpassword;
this.user.mima = this.ruleForm.newpassword;
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … url: `{this.KaTeX parse error: Expected 'EOF', got '}' at position 28: …"sessionTable")}?/update`, …message({
message: “修改密碼成功,下次登錄系統(tǒng)生效”,
type: “success”,
duration: 1500,
onClose: () => {
}
});
} else {
this.$message.error(data.msg);
5.1.4考試模塊
學(xué)生登錄系統(tǒng)后，看到圖中的“21”代表教師命名的試卷稱(chēng)號(hào)，然后點(diǎn)擊右側(cè)的“考試”來(lái)參加考試。如圖5.5所示。

圖5.5 用戶(hù)考試界面圖
關(guān)鍵代碼如代碼4所示。
代碼4 考試模塊關(guān)鍵代碼
submitTap() {
let myscore = 0;
if (this.ruleForm.type == 1) {
console.log(this.answer);
this.answer = this.answer.join(“,”);
}
this.isSubmitFlag = true;
if (this.answer == this.ruleForm.answer) {
this.score = Number(this.score) +Number(this.ruleForm.score) ;
myscore = this.ruleForm.score;
}
5.1.5考試錯(cuò)題本模塊
學(xué)生登錄后，選擇考試管理中的考試?？荚嚱Y(jié)束后，錯(cuò)題本會(huì)展示學(xué)生的信息，包括用戶(hù)ID、試卷序列號(hào)、試卷名稱(chēng)、分值、正確答案、考生答案、試卷分析、考試時(shí)間。如圖5.6所示。

圖5.6錯(cuò)題本記錄界面圖
關(guān)鍵代碼如代碼5所示。
代碼5 考試錯(cuò)題本關(guān)鍵代碼
// 獲取數(shù)據(jù)列表
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … url: this.api.examrecordpage,
this.totalPage = data.data.total;
} else {
this.dataList = [];
this.totalPage = 0;
}
this.dataListLoading = false;
});
},
5.1.6通知公告模塊
學(xué)生點(diǎn)擊通知公告管理后，根據(jù)按鈕提示可以查看通知公告或者另行下載管理員所上傳的附件。如圖5.7所示

圖5.7 通知公告界面圖
關(guān)鍵代碼如代碼6所示。
代碼6 通知公告關(guān)鍵代碼
// 下載
download(file){
window.open(${file})
},
// 初始化
init(id,type) {
if (id) {
this.id = id;
this.type = type;
}
5.1.7課程信息模塊
學(xué)生點(diǎn)擊通知課程信息后，根據(jù)管理所發(fā)布的信息去上課。如圖5.8所示。

圖5.8 課程信息界面圖
關(guān)鍵代碼如代碼7所示。
代碼7 課程信息關(guān)鍵代碼
onClose: () => {
this.parent.showFlag = true;
this.parent.addOrUpdateFlag = false;
this.parent.kechengxinxiCrossAddOrUpdateFlag = false;
this.parent.search();
this.parent.contentStyleChange();
}
});
} else {
this.$message.error(data.msg);
}

5.2管理員功能模塊
5.2.1管理員登錄功能模塊
管理員打開(kāi)系統(tǒng)后，根據(jù)圖示選擇角色登錄，并輸入賬號(hào)密碼來(lái)驗(yàn)證登錄。如圖5.9所示。

圖5.9 管理員登錄界面圖
關(guān)鍵代碼如代碼8所示。
代碼8 管理員登錄關(guān)鍵代碼
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: http({ url:`{this.tableName}/login?username=KaTeX parse error: Expected 'EOF', got '&' at position 27: …Form.username} &?password={this.rulesForm.password}`,
method: “post”
}).then(({ data }) => {
if (data && data.code === 0) {
this.$storage.set("Token",data.token);this.$storage.set(“role”, this.rulesForm.role);
this.$storage.set("sessionTable",this.tableName);this.$storage.set(“adminName”, this.rulesForm.username);
this.KaTeX parse error: Expected 'EOF', got '}' at position 46: …/" }); }? else { …message.error(data.msg);
}
});
5.2.2學(xué)生管理模塊
管理員根據(jù)學(xué)生的需求可以點(diǎn)擊右側(cè)的“修改”和“刪除”按鈕，來(lái)修改學(xué)生的個(gè)人信息。如圖5.10所示。

圖5.10 修改學(xué)生信息界面圖
關(guān)鍵代碼如代碼9所示。
代碼9 學(xué)生管理關(guān)鍵代碼
// 添加/修改
addOrUpdateHandler(id,type) {
this.showFlag = false;
this.addOrUpdateFlag = true;
this.crossAddOrUpdateFlag = false;
if(type!=‘info’){
type = ‘else’;
}
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …{ this.refs.addOrUpdate.init(id,type);
});
},
// 刪除
deleteHandler(id) {
var ids = id
? [Number(id)]
: this.dataListSelections.map(item => {
return Number(item.id);}
5.2.3教師管理模塊
管理員可以根據(jù)圖中的“詳情”、“修改”、“刪除”對(duì)教師個(gè)人信息進(jìn)行修改操作。如圖5.11所示。

圖5.11 修改老師信息界面圖
代碼10 教師管理關(guān)鍵代碼
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … this.http({
url: jiaoshi/${!this.ruleForm.id ? "save" : "update"},
method: “post”,
data: this.ruleForm
}).then(({ data }) => {
if (data && data.code === 0) {
this.$message({
message: “操作成功”,
type: “success”,
duration: 1500,
5.2.4班級(jí)信息管理模塊
管理員可以根據(jù)圖中的“詳情”、“修改”、“刪除”對(duì)班級(jí)信息中的人數(shù)以及班主任進(jìn)行修改操作。如圖5.12所示。

圖5.12 修改班級(jí)信息界面圖
關(guān)鍵代碼如代碼11所示。
代碼11 班級(jí)信息管理關(guān)鍵代碼
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … url: `{this.KaTeX parse error: Expected 'EOF', got '}' at position 28: …'sessionTable')}?/session`, …message.error(data.msg);
}
});
},
// 多級(jí)聯(lián)動(dòng)參數(shù)
info(id) {
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …anjixinxi/info/{id}`,
method: “get”
}).then(({ data }) => {
if (data && data.code === 0) {
this.ruleForm = data.data;
} else {
this.$message.error(data.msg);
}
5.2.5試卷管理模塊
圖中是管理員已經(jīng)創(chuàng)建好的“21”試卷，管理員可以在試卷的左側(cè)幾個(gè)按鈕中設(shè)置試卷的相關(guān)屬性，如考試名稱(chēng)、考試時(shí)長(zhǎng)、試卷狀態(tài)。如圖5.13所示。

圖5.13 考試試卷界面圖
關(guān)鍵代碼如代碼12所示。
代碼12 試卷管理關(guān)鍵代碼
//更新
addOrUpdateHandler(id) {
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …Records?userid={this.user.id}&paperid=KaTeX parse error: Expected 'EOF', got '}' at position 55: …data: {} }?).then(({ data …router.push({
name: “adminexam”,
params: {
id: id
}
// 刪除
deleteHandler(id) {
var ids = id
? [Number(id)]
: this.dataListSelections.map(item => {
return Number(item.id);
});
this.$confirm(‘確定進(jìn)行[${id ? “刪除” : “批量刪除”}]操作?`, “提示”, {
confirmButtonText: “確定”,
cancelButtonText: “取消”,
type: “warning”
})
5.2.6通知公告管理模塊
管理員點(diǎn)擊通知公告管理模塊后，可根據(jù)學(xué)校要求來(lái)添加通知公告一系列信息，讓教師和學(xué)生能夠及時(shí)了解學(xué)校的信息。如圖5.14所示。

圖5.14通知公告管理模塊
關(guān)鍵代碼如代碼13所示。
代碼13 通知公告關(guān)鍵代碼
// 下載
download(file){
window.open(${file})
},
//添加修改
addOrUpdateHandler(id,type) {
this.showFlag = false;
this.addOrUpdateFlag = true;
this.crossAddOrUpdateFlag = false;
if(type!=‘info’){
type = ‘else’;
}
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …{ this.refs.addOrUpdate.init(id,type);
});
},
5.2.7課程信息管理模塊
根據(jù)學(xué)校要求，管理員添加相關(guān)教師授課信息，讓教師能夠及時(shí)得到上課信息。如圖5.15所示。

圖5.15課程信息管理模塊
關(guān)鍵代碼如代碼14所示。
代碼14 課程信息管理關(guān)鍵代碼
onClose: () => {
this.parent.showFlag = true;
this.parent.addOrUpdateFlag = false;
this.parent.kechengxinxiCrossAddOrUpdateFlag = false;
his.parent.search();
this.parent.contentStyleChange();
});
} else {
this.$message.error(data.msg);
5.2.8管理員模塊管理
高校管理員不夠時(shí)，可手動(dòng)新增管理員來(lái)緩解壓力，新增后功能一樣，皆可按系統(tǒng)功能模塊使用。如圖5.16所示。

圖5.16管理員管理模塊
關(guān)鍵代碼如代碼15所示。
代碼15 管理員管理關(guān)鍵代碼
onSubmit() {
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … this.http({
url: users/${!this.ruleForm.id ? "save" : "update"},
method: “post”,
data: this.ruleForm
}).then(({ data }) => {
if (data && data.code === 0) {
this.KaTeX parse error: Expected 'EOF', got '}' at position 449: …); }? else { …message.error(data.msg);
}
5.2.9試題管理模塊
管理員點(diǎn)擊試題管理后，通過(guò)上一步試卷管理創(chuàng)建名稱(chēng)，根據(jù)試卷名稱(chēng)“21”可以自行輸入試題題目如單選題、多選題、判斷題、填空題。如圖5.17所示。

圖5.17試題管理模塊
關(guān)鍵代碼如代碼16所示。
代碼16 試題管理關(guān)鍵代碼
// 添加/修改
addOrUpdateHandler(id) {
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …Records?userid={this.user.id}&paperid=KaTeX parse error: Expected 'EOF', got '}' at position 55: …data: {} }?).then(({ data …router.push({
name: “adminexam”,
params: {
id: id
}
5.3教師功能模塊
5.3.1通知公告管理模塊
教師點(diǎn)擊通知公告管理后，根據(jù)按鈕提示可以查看通知公告或者另行下載管理員所上傳的附件。如圖5.18所示。

圖5.18 通知公告管理界面圖
關(guān)鍵代碼如代碼17所示。
代碼17 通知公告關(guān)鍵代碼
// 下載
download(file){
window.open(${file})
},
// 初始化
init(id,type) {
if (id) {
this.id = id;
this.type = type;
}
5.3.2課程信息管理模塊
教師根據(jù)管理員發(fā)布的信息完成對(duì)應(yīng)工作內(nèi)容。如圖5.19所示。

圖5.19 課程信息界面圖
關(guān)鍵代碼如代碼18所示。
代碼18 課程信息管理關(guān)鍵代碼
if(this.searchForm.kechengmingcheng!=‘’ &&
this.searchForm.kechengmingcheng!=undefined){
params[‘kechengmingcheng’] = ‘%’ +
this.searchForm.kechengmingcheng + ‘%’
}
if(this.searchForm.jiaoshigonghao!=‘’
&& this.searchForm.jiaoshigonghao!=undefined){
params[‘jiaoshigonghao’] = ‘%’ +
this.searchForm.jiaoshigonghao + ‘%’
}
this.$http({
url: “kechengxinxi/page”,
method: “get”,
params: params
}).then(({ data }) => {
if (data && data.code === 0) {
this.dataList = data.data.list;
this.totalPage = data.data.total;
}
5.3.3試題管理模塊
教師可點(diǎn)擊試題管理，在上一步的試卷管理創(chuàng)建名稱(chēng)，自行輸入試題題目如單選、多選、判斷和填空題。如圖5.20所示。

圖5.20 試題管理界面圖
關(guān)鍵代碼如代碼19所示。
代碼19 試題管理關(guān)鍵代碼
// 添加/修改
addOrUpdateHandler(id) {
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …Records?userid={this.user.id}&paperid=KaTeX parse error: Expected 'EOF', got '}' at position 55: …data: {} }?).then(({ data …router.push({
name: “adminexam”,
params: {
5.3.4個(gè)人中心模塊
教師登錄系統(tǒng)后，可以修改個(gè)人信息，如：教師工號(hào)、教師姓名、性別、手機(jī)號(hào)、郵箱、主教課程。如圖5.21所示。

圖5.21個(gè)人中心模塊界面圖
更新數(shù)據(jù)的關(guān)鍵代碼如代碼20所示。
代碼20 個(gè)人中心關(guān)鍵代碼
this.user.password = this.ruleForm.newpassword;
this.user.mima = this.ruleForm.newpassword;
his.KaTeX parse error: Expected '}', got 'EOF' at end of input: …({ url: `{this.KaTeX parse error: Expected 'EOF', got '}' at position 28: …"sessionTable")}?/update`, …message({
message: “修改密碼成功,下次登錄系統(tǒng)生效”,
type: “success”,
duration: 1500,
onClose: () => {
}
});
} else {
this.$message.error(data.msg);
5.3.5試卷管理模塊
管理員和教師可增刪改查試卷，以避免信息流量過(guò)大導(dǎo)致錯(cuò)亂。如圖5.22所示。

圖5.22 考試試卷界面圖
關(guān)鍵代碼如代碼21所示。
代碼21 考試試卷管理關(guān)鍵代碼
//更新
addOrUpdateHandler(id) {
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …Records?userid={this.user.id}&paperid=KaTeX parse error: Expected 'EOF', got '}' at position 55: …data: {} }?).then(({ data …router.push({
name: “adminexam”,
params: {
id: id
}
// 刪除
deleteHandler(id) {
var ids = id
? [Number(id)]
: this.dataListSelections.map(item => {
return Number(item.id);
});
this.$confirm(‘確定進(jìn)行[${id ? “刪除” : “批量刪除”}]操作?`, “提示”, {
confirmButtonText: “確定”,
cancelButtonText: “取消”,
type: “warning”
})
5.3.6試卷列表管理模塊
學(xué)生和教師都可以參與考試。教師可以用考試來(lái)測(cè)試試卷的準(zhǔn)確性，防止錯(cuò)誤發(fā)生。如圖5.23所示。

圖5.23試卷列表管理模塊界面圖
關(guān)鍵代碼如代碼22所示。
代碼22 試卷列表關(guān)鍵代碼
if (this.searchForm.papername) {
params[“papername”] = %${this.searchForm.papername}%;
}
if (this.searchForm.questionname) {
params[“questionname”] = %${this.searchForm.questionname}%;
}
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … url: this.api.examrecordpage,
method: “get”,
params: params
}).then(({ data }) => {
if (data && data.code === 0) {
this.dataList = data.data.list;
this.totalPage = data.data.total;
} else {
this.dataList = [];
this.totalPage = 0;
}
this.dataListLoading = false;
6.系統(tǒng)測(cè)試
6.1測(cè)試定義及目的
關(guān)于系統(tǒng)功能的試驗(yàn),英文名稱(chēng)為SyStem TEST,縮寫(xiě)為ST,ST指一個(gè)人完成了其系統(tǒng)中的各種功能多次、多項(xiàng)目、多條件試驗(yàn),也就是對(duì)ST的簡(jiǎn)化表述。ST可以驗(yàn)證這些技術(shù)對(duì)系統(tǒng)的需求能否獲得滿(mǎn)足并且能否有效。
關(guān)于系統(tǒng)開(kāi)發(fā)的實(shí)現(xiàn),不管開(kāi)發(fā)過(guò)程中如何努力,在系統(tǒng)執(zhí)行的同時(shí)多少也會(huì)發(fā)生一些錯(cuò)誤信息,但是為了保證系統(tǒng)的穩(wěn)定性和增加系統(tǒng)的資源利用率以及為客戶(hù)提供良好的服務(wù),在系統(tǒng)開(kāi)發(fā)實(shí)現(xiàn)之前,要進(jìn)行完整系統(tǒng)所有步驟的測(cè)試，沒(méi)有完好無(wú)缺的事物，這包括了計(jì)算機(jī)設(shè)計(jì)，當(dāng)然我們可以根據(jù)羅列排查問(wèn)題，當(dāng)我們發(fā)現(xiàn)問(wèn)題無(wú)法解決或者不可避免時(shí)，可以去參考圖書(shū)，詢(xún)問(wèn)老師等及時(shí)解決這些問(wèn)題，使得系統(tǒng)接近完美的結(jié)局。雖然說(shuō)系統(tǒng)測(cè)試是消耗精力時(shí)間的，但是從好的方面來(lái)說(shuō)，這是值得肯定的，發(fā)現(xiàn)一個(gè)錯(cuò)誤就能在以后使用過(guò)程中減少一些致命問(wèn)題。最后總的來(lái)說(shuō)，系統(tǒng)測(cè)試是非常重要的一個(gè)環(huán)節(jié)，同時(shí)也保證了用戶(hù)在日后使用中，有個(gè)舒適的體驗(yàn)效果。
6.2測(cè)試用例模塊
我們通過(guò)以下表格來(lái)測(cè)試一些基本使用過(guò)程。情況如下表6-1所示。
表6-1測(cè)試功能表
測(cè)試需求 測(cè)試重點(diǎn) 是否達(dá)成需求 結(jié)果
用戶(hù)登錄 輸入賬號(hào)密碼 需求達(dá)成 通過(guò)
用戶(hù)注冊(cè) 創(chuàng)建新的賬號(hào)密碼 需求達(dá)成 通過(guò)
登錄失敗 輸入錯(cuò)誤賬號(hào)密碼 需求達(dá)成 通過(guò)
修改信息 修改成功 需求達(dá)成 通過(guò)
添加信息管理 增刪查改 需求達(dá)成 通過(guò)
試題管理 增刪查改 需求達(dá)成 通過(guò)
通知公告管理 增刪查改 需求達(dá)成 通過(guò)
搜索查詢(xún)管理 增刪查改 需求達(dá)成 通過(guò)
6.2.1用戶(hù)登錄測(cè)試
用戶(hù)通過(guò)頁(yè)面可以根據(jù)自我情況來(lái)選擇登錄方式，這里我以學(xué)生方式為例，具體內(nèi)容如圖6.1所示。

圖6.1 用戶(hù)登錄測(cè)試
學(xué)生通過(guò)賬號(hào)密碼登錄系統(tǒng)，登錄后cookie存儲(chǔ)token用于驗(yàn)證。刷新網(wǎng)頁(yè)后，登錄信息仍然保留，證明登錄功能正常。
6.2.2學(xué)生注冊(cè)功能測(cè)試
我們進(jìn)入系統(tǒng)后，發(fā)現(xiàn)沒(méi)有賬號(hào)密碼，這時(shí)我們就要選擇下方的注冊(cè)學(xué)生的提示符，具體情況如下圖6.2所示。

圖6.2 用戶(hù)注冊(cè)測(cè)試
這里我們可以知道注冊(cè)的功能是沒(méi)有任何問(wèn)題，當(dāng)我們選擇注冊(cè)，寫(xiě)入的信息將被存儲(chǔ)到后臺(tái)MySQL數(shù)據(jù)庫(kù)中，所以這里的測(cè)試是通過(guò)的。
6.2.3用戶(hù)登錄失敗測(cè)試
我們進(jìn)入系統(tǒng)后，這時(shí)候測(cè)試登錄的問(wèn)題，是否會(huì)寫(xiě)入錯(cuò)誤的賬號(hào)密碼也成功登錄系統(tǒng)。如下圖6.3所示。

圖6.3 用戶(hù)登錄失敗測(cè)試
輸入賬號(hào)密碼錯(cuò)誤導(dǎo)致無(wú)法登入系統(tǒng)，確保了系統(tǒng)安全性，因此系統(tǒng)登錄失敗測(cè)試可以通過(guò)。
6.2.4修改信息功能測(cè)試
成功登入系統(tǒng)后，發(fā)現(xiàn)學(xué)生有不滿(mǎn)意的個(gè)人信息，我們就可以自我修改信息，我們來(lái)測(cè)試修改信息的功能，如下圖6.4所示。

圖6.4 用戶(hù)修改信息測(cè)試
從上發(fā)現(xiàn)，用戶(hù)修改的個(gè)人信息后，點(diǎn)擊“修改”按鈕，那么后臺(tái)MySQL數(shù)據(jù)庫(kù)
中是立馬能夠更新數(shù)據(jù)的，到最后，這里的用戶(hù)修改信息測(cè)試是沒(méi)有問(wèn)題的。
6.2.5添加信息功能測(cè)試
添加信息功能測(cè)試，是后臺(tái)管理人員來(lái)添加，這時(shí)我們登錄管理員賬號(hào)來(lái)實(shí)現(xiàn)。具體情況如下6.5所示。

圖6.5 添加信息測(cè)試
從上發(fā)現(xiàn)，添加信息功能測(cè)試是那么后臺(tái)MySQL數(shù)據(jù)庫(kù)中是添加該數(shù)據(jù)的，到最后，這里的用戶(hù)添加信息測(cè)試是沒(méi)有問(wèn)題的。
6.2.6試題管理功能測(cè)試
毫無(wú)疑問(wèn)，這個(gè)功能在整個(gè)環(huán)節(jié)是至關(guān)重要的，本系統(tǒng)設(shè)計(jì)的在線(xiàn)考試系統(tǒng)就是針對(duì)考試、試題等關(guān)鍵測(cè)試。這關(guān)乎到學(xué)生是否能正常線(xiàn)上考試。具體如下圖6.6所示。

圖6.6 考試試題功能測(cè)試
考試功能測(cè)試正常，基本功能實(shí)現(xiàn)，但需要持續(xù)維護(hù)改善以更符合用戶(hù)需求，目標(biāo)實(shí)現(xiàn)中。功能暫時(shí)通過(guò)。
6.2.7通知公告管理功能測(cè)試
我們需要測(cè)試管理員在日常生活中需要傳達(dá)相關(guān)附件給老師使用，這是通知公告的一個(gè)小功能，具體如下圖6.7所示。

圖6.7通知公告功能測(cè)試
上傳非圖片文件時(shí)，附件無(wú)法正常顯示，但可正常下載，通知公告功能中的上傳和下載功能可實(shí)現(xiàn)。
6.2.8搜索查詢(xún)功能測(cè)試
在日常生活使用，搜索查詢(xún)功能也是相當(dāng)重要的一部分，這能夠讓管理者節(jié)約大量
的時(shí)間，提供了更多的效率，具體如下圖6.8所示。

圖6.8搜索查詢(xún)功能測(cè)試
以上展示表格部分功能，點(diǎn)擊搜索欄并輸入關(guān)鍵字，系統(tǒng)會(huì)展示所需信息，給使用者提供便利，因此搜索查詢(xún)功能測(cè)試通過(guò)。
6.3測(cè)試結(jié)果
經(jīng)過(guò)測(cè)試，基于SSM框架的在線(xiàn)考試管理系統(tǒng)各模塊功能實(shí)現(xiàn)并且滿(mǎn)足用戶(hù)日常使用，操作簡(jiǎn)單易懂，值得推廣。系統(tǒng)尚未完善，監(jiān)考模塊未實(shí)現(xiàn)，試題功能不完善，缺少主觀閱讀題，可視化圖形未實(shí)現(xiàn)。
7.結(jié)論
通過(guò)管理員和用戶(hù)端的操作，實(shí)現(xiàn)了在線(xiàn)考試管理系統(tǒng)的設(shè)計(jì)。本系統(tǒng)采用SSM+Vue+MySQL框架和element-UI等組件庫(kù)，提高了開(kāi)發(fā)效率。使用MySQL存儲(chǔ)數(shù)據(jù)，通過(guò)Java實(shí)現(xiàn)前后端數(shù)據(jù)交互。主要功能包括在線(xiàn)增刪改查試卷試題和自動(dòng)化評(píng)比學(xué)生成績(jī)。但未實(shí)現(xiàn)防作弊和可視化展示，需要進(jìn)一步完善。系統(tǒng)設(shè)計(jì)過(guò)程中，提高了自己的技能經(jīng)驗(yàn)，也讓自己明白學(xué)習(xí)計(jì)算機(jī)知識(shí)是永無(wú)止境的。自學(xué)相關(guān)知識(shí)，完成了系統(tǒng)設(shè)計(jì)，帶來(lái)了無(wú)限的喜悅和成就感。同時(shí)也提高了自己的獨(dú)立思考和動(dòng)手能力。

參考文獻(xiàn):
[1]來(lái)學(xué)偉,魯曉輝. 基于JavaScript在線(xiàn)考試系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 電腦知識(shí)與技術(shù),2022,18(24):51-52+55.
[2]張旭輝,郭華瑞. 在線(xiàn)考試系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 電腦編程技巧與維護(hù),2022,(06):13-14+35.
[3]李曉薇. vue.js前端應(yīng)用技術(shù)分析[J]. 網(wǎng)絡(luò)安全技術(shù)與應(yīng)用,2022,(04):44-45.
[4]蘇揚(yáng). 基于Vue.js的單頁(yè)面WebGIS可視化框架[J]. 數(shù)字技術(shù)與應(yīng)用,2022,40(03):183-185.
[5]劉亞茹,張軍. Vue.js框架在網(wǎng)站前端開(kāi)發(fā)中的研究[J]. 電腦編程技巧與維護(hù),2022,(01):18-19+39.
[6]熊柏祥. 基于Springboot和Vue框架的考試資源服務(wù)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 信息與電腦(理論版),2022,34(01):97-99+103.
[7]葉欣,陳磊,楊小國(guó),劉柳,朱接文. 基于B/S模式的在線(xiàn)考試管理系統(tǒng)的分析與設(shè)計(jì)[J]. 電腦知識(shí)與技術(shù),2021,17(35):48-50.
[8]賈志培. 在線(xiàn)考試系統(tǒng)的研究與實(shí)現(xiàn)[D].山東大學(xué),2021.
[9]任煥海. 基于B/S架構(gòu)的在線(xiàn)考試系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J]. 現(xiàn)代信息科技,2021,5(22):13-16.
[10]謝利敏,劉歡,柴立巖. 在線(xiàn)考試系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 無(wú)線(xiàn)互聯(lián)科技,2021,18(13):49-50.文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-763700.html

到了這里，關(guān)于基于Java的在線(xiàn)考試系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)【附源碼+lun文完整版】的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！