【導(dǎo)讀】越多，普通話考試也越來(lái)越流行。但是經(jīng)過(guò)調(diào)查發(fā)現(xiàn)目前普通話考試報(bào)名、查分、不但可以減少考生的時(shí)間，同時(shí)也能減少相關(guān)考試部門(mén)人力的投入。成前臺(tái)網(wǎng)站與后臺(tái)管理系統(tǒng)兩塊。前臺(tái)網(wǎng)站實(shí)現(xiàn)了會(huì)員注冊(cè)、新聞查看、考試資。在網(wǎng)站中設(shè)置考生留言區(qū)，管理員可以通過(guò)這個(gè)區(qū)域與考生交。流，這種方式便于考試對(duì)考試流程、成績(jī)查詢、證書(shū)發(fā)放的了解。證書(shū)查詢便于考生快速的知道自己的成績(jī)，而不必像過(guò)去一樣打電話咨詢成績(jī)，既浪費(fèi)金錢(qián)又浪費(fèi)時(shí)間。本文經(jīng)過(guò)實(shí)際的需求分析，闡述了普通話考試信息管理網(wǎng)站支撐的相關(guān)技術(shù)，以及數(shù)據(jù)庫(kù)設(shè)計(jì)，最后闡述系統(tǒng)的總體結(jié)構(gòu)與系統(tǒng)的各個(gè)功能模塊。

　　

【正文】 這兩個(gè)值到 sign 表中去查找審核字段的值，審核標(biāo)志包括 4 個(gè)（ 0：未通過(guò)審核， 1：未審核， 2：通過(guò)審核）。報(bào)名審核及報(bào)名頁(yè)面如下圖： 圖 510 報(bào)名審核界面 29 圖 511 報(bào)名界面 （ 5） 留言：從數(shù)據(jù)庫(kù)表 talking 中獲得留言信息 javabean 放入 list 容器中，然后在界面上循環(huán)獲得 talking 對(duì)象，取得對(duì)象存儲(chǔ)的信息，顯示在 JSP 頁(yè)面上。還可以上傳留言到數(shù)據(jù)庫(kù)中，填寫(xiě)留言表單，其中時(shí)間是系統(tǒng)自動(dòng)生成的當(dāng)前時(shí)間，留言者只有登錄后會(huì)顯示留言者的會(huì)員名，其余都是游客狀態(tài)，系統(tǒng)設(shè)定游客是不能留言的，然后變成 talking 對(duì)象，連接數(shù)據(jù)庫(kù)插入數(shù)據(jù)。具體實(shí)現(xiàn)界面如下圖 (圖 512)： 30 圖 512 留言界面 （ 6） 資料下載：資料下載是通過(guò)把資料的詳細(xì)信息從數(shù)據(jù)庫(kù)中查出，點(diǎn)擊下載，從服務(wù)器中獲得存儲(chǔ)在 C:\Documents and Settings\Administrator\workspace\.metadata\.plugins\\tomcat\webapps\pth2\upload 路徑中的文件，并下載到本地。具體實(shí)現(xiàn)界面如下圖（圖 513）： 圖 513 考試資料下載界面 31 后臺(tái)管理系統(tǒng)功能設(shè)計(jì) （ 1） 成績(jī)管理：從數(shù)據(jù)庫(kù)中取到 result 表中的所有內(nèi)容，顯示在界面上，并可以使用下拉框選擇考試名稱來(lái)查詢 該考試的所有成績(jī)。同時(shí)，對(duì) 5 項(xiàng)成績(jī)和等級(jí)都可以在表格上進(jìn)行修改，改完以后點(diǎn)擊保存便可以完成。具體實(shí)現(xiàn)是表格javascript 根據(jù)你保存以后獲得改過(guò)的幾行數(shù)據(jù)，打包稱 json 格式以后傳輸給后臺(tái)servlet，然后在 servlet 中解析 json 并對(duì)數(shù)據(jù)庫(kù)中的 result 表進(jìn)行修改。下圖是成績(jī)查詢的界面。圖 514 是成績(jī)管理界面。 圖 514 成績(jī)管理界面 （ 2） 證書(shū)管理：首先從數(shù)據(jù)庫(kù)中獲取所有的信息，然后顯示在界面上，可以根據(jù)證書(shū)號(hào)查詢相關(guān)證書(shū)，在每行證書(shū)信息后面有詳細(xì)信息鏈接，可以顯示該證書(shū)的考生信息 、成績(jī)、證書(shū)信息。證書(shū)是以添加的形式上傳，填寫(xiě)證書(shū)的表單便可以上傳。另外證書(shū)可以進(jìn)行刪除，只要選擇該行，然后點(diǎn)擊下面的保存按鈕變可以刪除。也可以對(duì)證書(shū)的國(guó)企情況進(jìn)行修改過(guò)程與成績(jī)管理類似。 32 圖 515 證書(shū)查詢功能界面 （ 3） 查詢啟動(dòng)功能：從數(shù)據(jù)庫(kù)中取到未開(kāi)通成績(jī)查詢和證書(shū)查詢的考試和開(kāi)通的考試，然后顯示在下拉菜單上，點(diǎn)擊啟動(dòng)，刷新頁(yè)面同時(shí) examNum 表中的相關(guān)標(biāo)志置 1。圖 516 是查詢啟動(dòng)功能界面。 圖 516 查詢啟動(dòng)功能界面 （ 4） 報(bào)名功能：如圖 510 所示，報(bào)名首先要添加考試，且考試名 稱有固定的格式，這是為了后面的編排考試號(hào)設(shè)定的，如果寫(xiě)錯(cuò)，還可以對(duì)考試進(jìn)行刪除，報(bào)名啟動(dòng)會(huì)顯示沒(méi)有啟動(dòng)報(bào)名的考試，這里設(shè)定只能有一個(gè)考試能夠報(bào)名，不能重復(fù)啟動(dòng)。 33 圖 517 查詢啟動(dòng)功能界面 （ 5） 留言管理：留言管理中的表格所有項(xiàng)都是不可編輯的，管理員無(wú)權(quán)修改考生留言，只能回復(fù)留言，點(diǎn)擊回復(fù)會(huì)彈出回復(fù)框，也可對(duì)原來(lái)的回復(fù)進(jìn)行修改。另外可以根據(jù)時(shí)間查詢留言，點(diǎn)擊框會(huì)彈出時(shí)間選項(xiàng)，這是調(diào)用了一個(gè)。留言界面如圖 518 所示。 圖 518 留言管理界面 （ 6） 資料上傳： 填寫(xiě)如圖 512上的表單點(diǎn)擊確定上傳文件，表單上的信息存到數(shù)據(jù)庫(kù)中，另外數(shù)據(jù)庫(kù)中也會(huì)插入文件的大小，下載文件時(shí)的名稱，以下是獲取的代碼： //組成自定義的文件名稱 MyPathUtil util = new MyPathUtil()。 String fileName = ()+.+ext。 //得到 文本內(nèi)容 34 String content = (content)。 //得到文件大小 int longSize= ()。 圖 519 資料上傳界面 （ 7） 新聞上傳：新聞上傳功能，主要是顯示目前所有的新聞，信息包括 ID號(hào)、上傳時(shí)間、主題、新聞內(nèi)容。點(diǎn)擊修改可以對(duì)該條新聞進(jìn)行修改。新聞與留言相同可以使用時(shí)間進(jìn)行查詢，上傳時(shí)只要填寫(xiě)新聞的表單便可，其中表單的上傳時(shí)間為當(dāng)前時(shí)間（不可修改）。界面如下圖所示： 圖 520 新聞管理界面 （ 8） 考試成績(jī)統(tǒng)計(jì)：在首頁(yè)顯示考試成績(jī)統(tǒng)計(jì)表，主要分析考試的及格率與優(yōu)秀率，從數(shù)據(jù)庫(kù)中調(diào)出考試表獲取每次的考試名，然后根據(jù)考試 ID 獲取該次考試的所有成績(jī)進(jìn)行分析，數(shù)據(jù)以表格的形式顯示在頁(yè)面上，如下圖所示： 35 圖 521 成績(jī)統(tǒng)計(jì) 界面設(shè)計(jì) 主界面的設(shè)計(jì)，是通過(guò) CSS+DIV 實(shí)現(xiàn)的，頁(yè)面如下圖所示： 圖 522 網(wǎng)站主頁(yè) 排版及界面設(shè)計(jì)參考了相關(guān)網(wǎng)站的資料，主要程序說(shuō)明： ul % 36 NewsService newsService=new NewsService()。 List list=()。 int i=0。 ListIterator iterator = ()。 while(()){ if(i5){ break。 } i++。 int index = ()。 News news。 news=(News)()。 % lia href=?newsid=%=() %%=()%%=() %/a/li %} % /ul 上面程序 li標(biāo)簽中是下圖 59 考試動(dòng)態(tài)信息下的 3個(gè)鏈接，這是從數(shù)據(jù)庫(kù)中動(dòng)態(tài)生成的。 普通話后臺(tái)管理系統(tǒng)界面如是后臺(tái)界面圖： 37 圖 523 網(wǎng)站后臺(tái)管理系統(tǒng)證書(shū)管理頁(yè)面 也是采用 DIV+CSS進(jìn)行排版，用到 Ajax技術(shù)進(jìn)行表格的設(shè)計(jì)。其中重要的代碼如下所示： var colsConfig = [ { id: 39。licenseID39。 , header: 證書(shū)號(hào) , width :100 , editable:false}, { id: 39。examinNum39。 , header: 考試號(hào) , width : 100 , editable: false}, { id : 39。date39。 , header: 證書(shū)發(fā)放時(shí)間 , width : 100 , editable: false}, { id : 39。overdueStatus39。 , header : 是否過(guò)期 , width : 80 , editable: false ,renderer : ({39。139。: 39。證書(shū)有效 39。 , 39。039。:39。過(guò)期 39。},39。未知 39。 ) }, { id : 39。reason39。, header: 過(guò)期原因 , width: 200, editable: false }, { id : 39。detail39。 , header: 詳細(xì)信息 , width: 80, renderer : function(value ,record,columnObj,grid,colNo,rowNo){ return 39。 a href=?licenseID=39。+record[39。licenseID39。]+39。 target=ontent style=marginleft:3px。 39。 +39。 詳細(xì)信息 amp。/a39。 }} 38 ]。 這是 javascript 的一個(gè)變量值，主要是用來(lái)顯示證書(shū)信息的表格，其中 id 是這一列的唯一標(biāo)志， header 是顯示在表第一列的名字， width 是該列的寬度， editabe是指該項(xiàng)可否編輯，另外，詳細(xì)信息這一列中，用到了鏈接到另一頁(yè)面，并把該行的證書(shū)號(hào)傳值給 頁(yè)面。在是否過(guò)期這一項(xiàng)中， renderer 是把獲得的 int 類型的過(guò)期標(biāo)志轉(zhuǎn)變成管理員可 以認(rèn)識(shí)的中文。 軟件測(cè)試與完善 軟件測(cè)試是軟件開(kāi)發(fā)過(guò)程中必不可少的一部分，通過(guò)對(duì)軟件的測(cè)試，我發(fā)現(xiàn)了很多的問(wèn)題，比如剛開(kāi)始進(jìn)行階段測(cè)試時(shí)，就出現(xiàn)了無(wú)法插入數(shù)據(jù)庫(kù)的情況，但是檢查代碼沒(méi)有發(fā)現(xiàn)錯(cuò)誤，后來(lái)查閱相關(guān)的網(wǎng)站資料，發(fā)現(xiàn)了一個(gè)亂碼的問(wèn)題，然后聯(lián)想到自己的系統(tǒng)，也是使用中文，最后使用調(diào)試功能查看插入從瀏覽器上獲取的數(shù)據(jù)，果然發(fā)現(xiàn)時(shí)亂碼，經(jīng)研究發(fā)現(xiàn)必須 JSP 編寫(xiě)時(shí)使用的是 utf8 編碼，而 request 獲取的值并不是 utf8 編碼，然后在每張頁(yè)面上加入 request 的編碼設(shè)置： (utf8)。 結(jié)果可以插入數(shù)據(jù)庫(kù)。 后來(lái)在進(jìn)行測(cè)試中遇到服務(wù)器報(bào)找不到類的錯(cuò)誤，由于剛使用 MyEclipse，不是很明白它的使用規(guī)則，走了很多的歪路，以為是我沒(méi)有導(dǎo)入相關(guān)的包，找了半天還是沒(méi)有發(fā)現(xiàn)，后來(lái)查閱相關(guān)資料，發(fā)現(xiàn)別人也遇到了跟我一樣的問(wèn)題，只是因?yàn)?MyEclipse 在項(xiàng)目中有錯(cuò)時(shí)，不會(huì)把 .java 文件編譯成 .class 文件。 最后設(shè)計(jì)寫(xiě)代碼時(shí)發(fā)現(xiàn)新聞跟留言使用時(shí)間關(guān)鍵字查詢會(huì)更好，但是遇到實(shí)現(xiàn)問(wèn)題，想到了利用時(shí)間戳的辦法，把時(shí)間轉(zhuǎn)化為時(shí)間戳進(jìn)行比較，然后 獲取信息。轉(zhuǎn)化方法為： % //創(chuàng)建新聞對(duì)象 News news=new News()。 ……… //開(kāi)始時(shí)間 from=(time_from)。 //結(jié)束時(shí)間 to=(time_to)。 39 //轉(zhuǎn)化為 long 型的時(shí)間戳進(jìn)行比較 long a=(()).getTime()。 long b=(from).getTime()。 long c=(to).getTime()。 if(a=bamp。amp。a=c){ (news)。 } % 其中報(bào)名的測(cè)試用例如下表： 表 51 報(bào)名測(cè)試用例 用例編碼 測(cè)試項(xiàng) 考生報(bào)名 依據(jù) 考試報(bào)名 優(yōu)先級(jí) * 描述 姓名，年齡，職業(yè)，生日等 測(cè)試點(diǎn)：是否滿足可用性需求，過(guò)程是否流暢，職業(yè)選項(xiàng)是否正確，性別選擇是否可用，保存后是否能插入數(shù)據(jù)庫(kù)，“保存”按鈕是否可用 輸入格式 張三，身份證： 220203233434，年齡： 23，電話： 122343434，男，出生日期： 19861210，職業(yè)：教師，專業(yè)：國(guó)貿(mào)，家庭地址：浙江杭州。操作時(shí)按“保存”按鈕 預(yù)計(jì)輸出 保存成功 所用方法 黑盒測(cè)試 測(cè)試結(jié)果描述 數(shù)據(jù)庫(kù)插入成功 執(zhí)行步驟 檢查點(diǎn) 檢查依據(jù) 期望輸出 選擇性別 是否初始化是男 選擇性別功能 選擇職業(yè) 下拉菜單是否顯示所有數(shù)據(jù)庫(kù)中的職業(yè)表，選擇是否有效 選擇職業(yè)功能 職業(yè)名稱 40 保存 數(shù)據(jù)庫(kù)中是否插入數(shù)據(jù)，出錯(cuò)是否會(huì)提示錯(cuò)誤 保存按鈕功能 保存成功 本章小結(jié) 本章主要介紹了前臺(tái)網(wǎng)站以及后臺(tái)管理系統(tǒng)功能設(shè)計(jì)的各個(gè)模塊 ，根據(jù)界面圖詳細(xì)講解了設(shè)計(jì)過(guò)程以及功能的主要實(shí)現(xiàn)。另外描述了網(wǎng)站首頁(yè)的界面設(shè)計(jì)，以及首頁(yè)其中一個(gè)界面的獲得代碼設(shè)計(jì)，此外介紹了后臺(tái)管理系統(tǒng)的界面設(shè)計(jì)，舉了一個(gè)典型的表格的例子，講解了代碼的含義以及設(shè)計(jì)思路。 41 第 6 章 結(jié)束語(yǔ) 本網(wǎng)站的設(shè)計(jì)主要通過(guò) JSP+servlet 的技術(shù)進(jìn)行，主要包括前臺(tái)網(wǎng)站的設(shè)計(jì)以及后臺(tái)管理系統(tǒng)的設(shè)計(jì)，本系統(tǒng)設(shè)計(jì)思路清晰，設(shè)計(jì)有利于功能的擴(kuò)展，代碼中充分利用了面向?qū)ο蟮脑O(shè)計(jì)思想。 本網(wǎng)站主要設(shè)計(jì)到了 MyEclipse 的開(kāi)發(fā)工具， Tomcat 的 WEB 服務(wù)器，以及JSP 代碼的編寫(xiě)，從中我 了解了很多在上課時(shí)沒(méi)有深入學(xué)習(xí)的知識(shí)，比如 JSP、面向?qū)ο缶幊獭⒚嫦蚪涌诰幊?、服?wù)器等等。從中對(duì) IT 行業(yè)有了更加深刻的認(rèn)識(shí)，在學(xué)校里感覺(jué) IT 行業(yè)就是編程，但是現(xiàn)在讓我更多的了解的是 IT 不只是編程，更多的從事 IT 行業(yè)的人是在需求分析、編寫(xiě)文檔、設(shè)計(jì)系統(tǒng)，需求分析是至關(guān)重要的關(guān)節(jié)，沒(méi)有很好的掌握客戶的需求程序?qū)懙脑俸茫膊豢赡茏尶蛻魸M意，而文檔的編寫(xiě)主要是為了讓程序員能夠在前人的設(shè)計(jì)下編寫(xiě)代碼，這樣不會(huì)出現(xiàn)每個(gè)人一個(gè)說(shuō)法的狀況。 在設(shè)計(jì)本系統(tǒng)時(shí)遇到過(guò)很多的問(wèn)題，比如，設(shè)計(jì)時(shí)出現(xiàn)空指針異常、數(shù)據(jù)庫(kù)不能插入等問(wèn)題， 一個(gè)問(wèn)題基本上都會(huì)花費(fèi) 3 個(gè)小時(shí)才能解決，由于是網(wǎng)站設(shè)計(jì)，其中就遇到很多次的中文亂碼導(dǎo)致數(shù)據(jù)庫(kù)不能插入的問(wèn)題，后臺(tái)經(jīng)過(guò)研究網(wǎng)上的資料終于解決。另外 MyEclipse 是第一次接觸，剛開(kāi)始使用時(shí)不是很習(xí)慣，快捷鍵找了很久才知道，導(dǎo)入相關(guān)包時(shí)，總是找不到導(dǎo)入的方法。然后在研究功能時(shí)遇到報(bào)名的問(wèn)題，剛開(kāi)始時(shí)想得過(guò)于簡(jiǎn)單，導(dǎo)致后來(lái)不能實(shí)現(xiàn)，換了好幾種方案才實(shí)現(xiàn)。 其次由于水平有限，對(duì)于本網(wǎng)站設(shè)計(jì)以及代碼的編寫(xiě)存在著不少問(wèn)題，功能上由于時(shí)間緊湊也沒(méi)有更深入的研究。不過(guò)通過(guò)這次的獨(dú)立設(shè)計(jì)系統(tǒng)的經(jīng)驗(yàn)讓我體會(huì)到代碼編寫(xiě)需要 規(guī)范，代碼的設(shè)計(jì)需要可擴(kuò)展，系統(tǒng)的設(shè)計(jì)并不是那么簡(jiǎn)單，需要從需求分析、概念設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)、程序設(shè)計(jì)一步步過(guò)來(lái)，這樣程序員寫(xiě)的代碼才不會(huì)有很大的改動(dòng)。 42 致謝 首先感謝指導(dǎo)老師在這一學(xué)期中對(duì)我的教導(dǎo)，給我提出了很多有用的意見(jiàn)，