【正文】 間的合理布局，突出軟件的功能特征，讓圖形界面成為軟件的加分點(diǎn)。 設(shè)計(jì)界面時(shí)應(yīng)該首先從用戶的角度考慮，所謂人機(jī)交互，正是用戶與軟件之間的互動(dòng)。界面應(yīng)該通過(guò)一些任務(wù)提示和反饋信息來(lái)引導(dǎo)用戶，完成相應(yīng)的操作。 界面的主題和特點(diǎn)都應(yīng)該符合用戶的使用習(xí)慣和功能需求。為了能夠使軟件更易于用戶的操作，需要保證界面的可操作性和協(xié)調(diào)性。 齊魯工業(yè)大學(xué) 2021 屆本科畢業(yè)設(shè)計(jì) (論文 ) 23 第五章 系統(tǒng)實(shí)現(xiàn) 歷史試卷 歷史試卷模塊用來(lái)存放學(xué)員曾經(jīng)參加過(guò)的考試試卷供學(xué)員回顧。幫助學(xué)員在考前復(fù)習(xí)錯(cuò)題，鞏固自己的不 足之處，提高學(xué)員通過(guò)率。歷史試卷界面是學(xué)員專用界面，在導(dǎo)航欄考試菜單中的“歷史試卷”鏈接進(jìn)入，管理員與教官無(wú)權(quán)瀏覽本界面。 歷史試卷瀏覽 歷史試卷界面是歷史試卷模塊的主要界面。界面分為上下兩部分，分別是：條件查詢和歷史試卷一覽。界面初始化，歷史試卷一覽列表按考試時(shí)間順序倒敘排列顯示最近考試的試卷。學(xué)員可以通過(guò)考場(chǎng)名和考試時(shí)間兩個(gè)條件進(jìn)行單條件查詢或復(fù)合條件查詢找到想要進(jìn)行操作的試卷。歷史試卷的操作分為“查看”和“刪除”兩種。歷史試卷畫面如圖 51。 圖 51 歷史試卷畫面布局 查看試卷會(huì)以 考試相同布局的界面進(jìn)行試卷回顧。具體敘述參照 歷史試卷查看。 點(diǎn)擊操作欄中的刪除鏈接首先會(huì)提示學(xué)員是否刪除，確定后方可刪除，防止學(xué)員手誤點(diǎn)擊刪除有用的試卷，如圖 52。 齊魯工業(yè)大學(xué) 2021 屆本科畢業(yè)設(shè)計(jì) (論文 ) 24 圖 52 歷史試卷刪除試卷 刪除試卷會(huì)將學(xué)員刪除的相應(yīng)試卷從歷史試卷中刪除，將數(shù)據(jù)表中的“試卷查看標(biāo)識(shí)”從默認(rèn)的“查看”狀態(tài)改為“非查看”狀態(tài)。這樣此試卷信息依然存放在數(shù)據(jù)庫(kù)中，以便對(duì)成績(jī)測(cè)評(píng)等功能操作的實(shí)現(xiàn)。 刪除歷史試卷數(shù)據(jù)處理層：使用 StringBuffer 拼接 sql 語(yǔ)句，使試卷查看標(biāo)識(shí) EPFLG 的值為 1，然后執(zhí)行 sql 語(yǔ) 句，釋放資源后返回到顯示界面，歷史成績(jī)將不顯示在歷史試卷的表中。 歷史試卷查看 在歷史試卷界面點(diǎn)擊查看進(jìn)入相應(yīng)的試卷查看界面，試卷查看界面與考試答題界面相似。界面左側(cè)依然為學(xué)員的個(gè)人信息，以及學(xué)員本次考試獲得的分?jǐn)?shù)。 在試卷查看界面，考試答題的選項(xiàng)下方顯示本題的正確答案以及學(xué)員考試時(shí)選擇的答案，若本題回答錯(cuò)誤，正確的答案項(xiàng)字體為紅色，學(xué)員考試中回答錯(cuò)誤的題目的題號(hào)也會(huì)在題號(hào)表格按鈕中變?yōu)榧t色，以便學(xué)員查找錯(cuò)題。題目數(shù)據(jù)表中答案解析字段存有數(shù)據(jù)的題目，在正確答案以及學(xué)員回答答案的下方顯示本題的答案 解析。具體方法為：定義正確答案以及學(xué)生答案，將正確答案與學(xué)生答案進(jìn)行比較，如果正確答案與學(xué)生答案相同，則該題目顯示正確，題目的背景顏色為無(wú)色；如果正確答案與學(xué)生答案不同，則該題目顯示錯(cuò)誤，題目背景顏色為紅色。 查看結(jié)束后，學(xué)員用戶點(diǎn)擊“退出查看”鍵即可返回到歷史試卷界面。 歷史試卷查看畫面整體布局，如圖 53所示。 齊魯工業(yè)大學(xué) 2021 屆本科畢業(yè)設(shè)計(jì) (論文 ) 25 圖 53 歷史試卷查看試卷界面圖 查看到的歷史試卷，通過(guò)查詢?cè)嚲肀砗涂荚嚤硪约皩W(xué)員表中的信息，組合匯總到歷史試卷查看畫面。具體邏輯處理如下：通過(guò)當(dāng)前學(xué)員的學(xué)員編號(hào)查詢出該學(xué)員的所有信息，包括 學(xué)員名、性別、年齡、類別號(hào)、類別、班級(jí)、考卷號(hào)，調(diào)出試卷題目列表，能夠查看歷史試卷信息、題目號(hào)列表、正確答案列表、學(xué)員題目列表，最后將這些信息放入畫面中，方便學(xué)員查詢。 學(xué)員回顧試卷過(guò)程中可以通過(guò)點(diǎn)擊“上一題”、“下一題”按鈕切換題目，也可以通過(guò)點(diǎn)擊題目下方題號(hào)表格中的不同題號(hào)按鈕切換題目。切換題目通過(guò)ajax 的部分頁(yè)面刷新實(shí)現(xiàn)。 以點(diǎn)擊上一題為例： function previous(){ var preNum = (tnumPre).value。 var nowNum = (tnumNow).value。 var xmlHttp = null。 // 根據(jù)不同瀏覽器實(shí)例化對(duì)象 if(){ xmlHttp = new XMLHttpRequest()。 }else if(){ try{ xmlHttp = new ActiveXObject()。 }catch(e){ try{ xmlHttp = new ActiveXObject()。 }catch(e){ alert(請(qǐng)使用 IE瀏覽器：瀏覽器不支持考試操作 )。 } } 齊魯工業(yè)大學(xué) 2021 屆本科畢業(yè)設(shè)計(jì) (論文 ) 26 } var url = examDoServlet。 // 指定異步提交的目標(biāo)和提交方式 (POST,url,true)。 (ContentType ,application/xformurlencoded)。 // 當(dāng) xmlHttp發(fā)生變化時(shí)，執(zhí)行提交操作 = function(){ if( == 4){ = 。 } } // 當(dāng)前題目題號(hào)按鈕為不可點(diǎn)擊 var qid = (qid)。 var re = 0。 for(var i=0。 i。 i++){ if(qid[i].value == preNum){ (qid)[i].disabled = true。 re++。 if(re == 1){ continue。 }else if(re == 2){ break。 } } if(qid[i].value == nowNum){ (qid)[i].disabled=false。 re++。 if(re == 1){ continue。 }else if(re == 2){ break。 } } } var titleIndex = (tIndex).value。 var pageNum = (pNum).value。 // 拼接傳遞參數(shù) var pram = titleNum=+preNum+amp。pageNum=+pageNum。 // 發(fā)送請(qǐng)求 (pram)。 } 學(xué)員用戶可以針對(duì)某些題目進(jìn)行標(biāo)記。標(biāo)記后的題目題號(hào)按鈕背景為黃色，題目下的“標(biāo)記此題”按鈕變?yōu)椤叭∠麡?biāo)記”，同樣可以點(diǎn)擊此按鈕取消。標(biāo)記齊魯工業(yè)大學(xué) 2021 屆本科畢業(yè)設(shè)計(jì) (論文 ) 27 題目通過(guò) ajax 的部分頁(yè)面部分刷新實(shí)現(xiàn)，首先獲取當(dāng)前題目的題號(hào)，點(diǎn)擊“標(biāo)記此題”，系統(tǒng)從第一道題開始遍歷，當(dāng)題目與當(dāng)期題號(hào)相同時(shí)，將該題的 背景顏色標(biāo)記為黃色；當(dāng)點(diǎn)擊“取消標(biāo)記”時(shí)，該題目的背景顏色將通過(guò)判斷恢復(fù)標(biāo)記之前的顏色。之后根據(jù)不同瀏覽器實(shí)例化對(duì)象，利用 post 指定異步提交的目標(biāo)和提交的方式。 調(diào)用 Servlet，將標(biāo)記字符串“ sign”放入畫面 Bean 存在 session 當(dāng)中，留著退出查看時(shí)進(jìn)行記錄。 標(biāo)記后題目的題目號(hào)，將以原題目號(hào)前面加上標(biāo)記符號(hào)“ `”的方式替換試卷數(shù)據(jù)表中題目列表字段的題目號(hào)，標(biāo)記后將保存在歷史試卷中，保證在以后查看試卷時(shí)方便尋找被標(biāo)記的題目。具體代碼如下： 試卷退出查看重新生成題目列表邏輯處理： public int historyBackF(HistoryPaperInfoBean historyInfoBean) { int result = 0。 // 獲得歷史試卷題目列表 ArrayListHistoryPaperBean historyList = null。 historyList = ()。 HistoryPaperBean historyBean = null。 // 題目號(hào) String eId = null。 // 標(biāo)記 String sign = null。 // 題目列表 StringBuffer epListBuffer = new StringBuffer()。 for(int i=0。 i()。 i++){ historyBean = new HistoryPaperBean()。 historyBean = (i)。 eId = ()。 sign = ()。 if(sign.equals(sign)){ (`)。 } (eId)。 (,)。 } // 題目列表 String epList = ()。 // 標(biāo)記考題列表 String paperId = ()。 HistoryPaperDao historyDao = new HistoryPaperDao()。 result = (paperId,epList)。 return result。 齊魯工業(yè)大學(xué) 2021 屆本科畢業(yè)設(shè)計(jì) (論文 ) 28 } 標(biāo)記題號(hào)畫面如圖 54 所示。 圖 54 標(biāo)記題號(hào)畫面 成績(jī)操作 成績(jī)模塊是用來(lái)為學(xué)員提供考試成績(jī)查詢，為管理員和教官提供成績(jī)統(tǒng)計(jì)的數(shù)據(jù)統(tǒng)計(jì)模塊。成績(jī)模塊由導(dǎo)航欄“成績(jī)”一項(xiàng)點(diǎn)擊直接鏈接進(jìn)入。成績(jī)界面主要分為兩部分：條件查詢和成績(jī)信息一 覽。學(xué)員只能通過(guò)成績(jī)信息一覽來(lái)查看自己參加考試的所有成績(jī)，如圖 55。 圖 55 學(xué)員的成績(jī)管理界面 而教官和管理員可以通過(guò)條件查詢獲得更多學(xué)員的成績(jī)，顯示在成績(jī)信息一覽部分，如圖 56， 57。在符合查詢條件的前提下，一覽成績(jī)信息按照考試時(shí)間由近到遠(yuǎn)排列。 齊魯工業(yè)大學(xué) 2021 屆本科畢業(yè)設(shè)計(jì) (論文 ) 29 圖 56 教官的成績(jī)管理界面 齊魯工業(yè)大學(xué) 2021 屆本科畢業(yè)設(shè)計(jì) (論文 ) 30 圖 57 管理員的成績(jī)管理界面 界面初始化，學(xué)員可以看到自己所有考試的信息與成績(jī)，而管理員和教官可以看到最近進(jìn)行的考試成績(jī)信息，并且在查詢后看到成績(jī)一覽中與條件相關(guān)的考試信息與成績(jī)。管理員和教官利用這些成績(jī)分析 學(xué)員的真實(shí)水平。 管理員與教官能夠通過(guò)條件查詢學(xué)員成績(jī)，若輸入條件不正確或沒(méi)有符合條件的數(shù)據(jù)時(shí)，系統(tǒng)將提示“沒(méi)有符合條件的信息”。如圖 58 所示。 圖 58 系統(tǒng)提示畫面 同時(shí)管理員擁有刪除成績(jī)的權(quán)利，可以將沒(méi)有參考價(jià)值的學(xué)員成績(jī)進(jìn)行刪除，保證每一條數(shù)據(jù)都是具有利用價(jià)值的。刪除成績(jī)功能與歷史試卷模塊中的刪除功能基本一致，也需要先對(duì)用戶進(jìn)行提問(wèn)，管理員用戶確認(rèn)后方可刪除。如圖 59所示。 齊魯工業(yè)大學(xué) 2021 屆本科畢業(yè)設(shè)計(jì) (論文 ) 31 圖 59 管理員刪除成績(jī)?cè)儐?wèn)提示 成績(jī)模塊在數(shù)據(jù)庫(kù)中有自己?jiǎn)为?dú)對(duì)應(yīng)的一張數(shù)據(jù)表，以清晰明了為特點(diǎn)記錄與學(xué)員考試成績(jī) 相關(guān)的各項(xiàng)數(shù)據(jù)。數(shù)據(jù)表在學(xué)員考試交卷后，獲得考試相應(yīng)信息。學(xué)員號(hào)、考場(chǎng)號(hào)、類別、考試時(shí)間、成績(jī)五項(xiàng)一旦錄入數(shù)據(jù)庫(kù)除非由管理員刪除整條記錄，否則將不能改動(dòng)，班級(jí)號(hào)可以根據(jù)學(xué)員管理模塊和班級(jí)管理模塊進(jìn)行修改。 成績(jī)中多個(gè)字段均為外鍵，連接查詢其他表的信息。成績(jī)管理模塊是本系統(tǒng)中查找信息量最大的模塊，由五個(gè)數(shù)據(jù)表連接查詢。查詢后的結(jié)果存放在成績(jī)管理的畫面 Bean 的列表中，此列表存又放在 session 中，用來(lái)顯示在畫面表格中顯示每一條數(shù)據(jù)與它相對(duì)的成績(jī)及信息。 管理員填寫畫面表單，給出查詢的條件。 Servlet 獲 取表單信息，放入畫面 Bean 后，進(jìn)行邏輯處理： Servlet 的 doPost方法創(chuàng)建 session 對(duì)象，獲得考試類別菜單，將考試類別列表存入 session，獲取初始化參數(shù)，獲得畫面查詢參數(shù)，將畫面 bean 放入 session，查詢后畫面存放用，獲取畫面 bean，創(chuàng)建成績(jī)信息列表，獲得當(dāng)前頁(yè)，獲得用戶角色，分角色查詢信息一覽列表，信息列表存入 session，分頁(yè)類存入 session，跳轉(zhuǎn)到學(xué)生信息界面。 齊魯工業(yè)大學(xué) 2021 屆本科畢業(yè)設(shè)計(jì) (論文 ) 32 通過(guò)方法 getParameter 來(lái)接收畫面?zhèn)鱽?lái)的參數(shù)，調(diào)用工具方法將數(shù)據(jù)中的null 改為 ，獲取各參數(shù)處理后 的值。在 model 邏輯處理層將之前處理過(guò)的數(shù)據(jù)的畫面 Bean 與數(shù)據(jù) Bean 進(jìn)行轉(zhuǎn)換，然后將數(shù)據(jù) Bean 調(diào)入 Dao 數(shù)據(jù)處理層，連接數(shù)據(jù)庫(kù)進(jìn)行查詢，獲取符合查詢條件的數(shù)據(jù)。創(chuàng)建數(shù)據(jù)列表和界面顯示列表，創(chuàng)建 Dao 數(shù)據(jù) bean，查詢總共頁(yè)數(shù)，調(diào)用 D 層成績(jī)信息一覽數(shù)據(jù)操作，獲得數(shù)據(jù)列表長(zhǎng)度，根據(jù)長(zhǎng)度循環(huán)轉(zhuǎn)換 bean 后將畫面信息 Bean 的列表顯示在畫面上。 查詢表單中，考試時(shí)間與成績(jī)兩項(xiàng)均有約束條件。畫面通過(guò) javascript 控制管理員輸入的內(nèi)容： 考試時(shí)間按常理應(yīng)為時(shí)間格式，并且要求為注釋中對(duì)應(yīng)格式填寫，成績(jī)是 1到 100 之間的數(shù)字。 注：考試時(shí)間（下限）與成績(jī)（下限）兩項(xiàng)，均與其上限的條件約束相同。 安全日志 系統(tǒng)安全日志作為系統(tǒng)安全的記錄者，為系統(tǒng)的安全保駕護(hù)航。安全日志可以記錄系統(tǒng)事故發(fā)生的