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

　　

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