網(wǎng)絡(luò)編程課 程 設(shè) 計(jì) 報(bào) 告（2014 2015學(xué)年 第 1 學(xué)期）系 別：計(jì)算機(jī)學(xué)院軟件工程系專業(yè)名稱：12軟件金融服務(wù)工程1班課程設(shè)計(jì)科目： 網(wǎng)絡(luò)編程課程設(shè)計(jì)學(xué)生姓名：左斌、鄭毅昕、洪凱、林劍航、吳樹涌、廖永興學(xué) 號(hào)：1207122151、47、10、21、38、20指導(dǎo)教師：林江毅成 績(jī)：完成時(shí)間：2015年1月19日-1月23日項(xiàng)目組成員及分工項(xiàng)目角色日常職責(zé)人員分配項(xiàng)目組長(zhǎng)項(xiàng)目架構(gòu),團(tuán)隊(duì)管理,版本控制，進(jìn)度管理等等洪凱前臺(tái)開發(fā)人員前臺(tái)界面設(shè)計(jì)及美工左斌后臺(tái)開發(fā)人員Web服務(wù)器端程序開發(fā)鄭毅昕數(shù)據(jù)庫開發(fā)人員數(shù)據(jù)庫設(shè)計(jì)及實(shí)現(xiàn)林劍航測(cè)試人員項(xiàng)目測(cè)試吳樹涌日志記錄人員日志記錄廖永興文檔完成人員課設(shè)文檔建設(shè)洪凱項(xiàng)目組成員成績(jī)項(xiàng)目組成員學(xué)號(hào)任務(wù)成績(jī)左斌1207122151前臺(tái)開發(fā)驗(yàn)證碼、課程號(hào)自增鄭毅昕1207122147后臺(tái)開發(fā)選課時(shí)顯示出已選課程洪凱1207122110項(xiàng)目組長(zhǎng)、日志記錄、文檔UI界面、List表分頁功能林劍航1207122121數(shù)據(jù)庫開發(fā)、日志記錄權(quán)限過濾器、成績(jī)分布餅狀圖吳樹涌1207122138測(cè)試人員各個(gè)模塊整合、List表搜索功能廖永興1207122120文檔完成人員密碼MD5加密、成績(jī)分布餅狀圖目錄一、學(xué)生成績(jī)管理系統(tǒng)概述1二、需求分析與總體設(shè)計(jì)1三、界面設(shè)計(jì)13四、數(shù)據(jù)庫設(shè)計(jì)20五、代碼設(shè)計(jì)23六、運(yùn)行調(diào)試24七、結(jié)論與心得30六、致謝30七、參考文獻(xiàn)30附錄：全部源程序清單31一、學(xué)生成績(jī)管理系統(tǒng)概述學(xué)生成績(jī)管理系統(tǒng)，為學(xué)生從選課到考試成績(jī)查詢提供便捷體驗(yàn)，為教師從班級(jí)管理到成績(jī)錄入提供便捷操作，以及排名查詢功能。幫助改善院校教學(xué)工作人員的工作效率，提高教師、輔導(dǎo)員提高教學(xué)工作質(zhì)量與速度。二、需求分析與總體設(shè)計(jì)2.1 需求分析1、系統(tǒng)名稱學(xué)生成績(jī)管理系統(tǒng)2、任務(wù)概述開發(fā)一個(gè)基于B/S模式的項(xiàng)目學(xué)生成績(jī)管理系統(tǒng)。為學(xué)生從選課到考試成績(jī)查詢提供便捷體驗(yàn)，為教師從班級(jí)管理到成績(jī)錄入提供便捷操作，以及排名查詢功能。幫助改善院校教學(xué)工作人員的工作效率，提高教師、輔導(dǎo)員提高教學(xué)工作質(zhì)量與速度。本系統(tǒng)所面向的用戶是大學(xué)學(xué)生和教師，對(duì)用戶計(jì)算機(jī)專業(yè)方面的知識(shí)要求不是很高，只要對(duì)電腦能熟練操作就行。易于操作，這也是本軟件設(shè)計(jì)的夙愿。假定和約束如下：（1）建議該系統(tǒng)運(yùn)行的最短壽命為5年； （2）進(jìn)行該系統(tǒng)方案選擇比較的期限為2個(gè)月； （3）建議該系統(tǒng)軟件投入使用的最遲時(shí)間為2015年2月1日； （4）該系統(tǒng)要受資金、壽命、社會(huì)等系列因素的制約和限制。 （5）由于系統(tǒng)較小，且在Windows系統(tǒng)開發(fā)，且使用當(dāng)下流行的B/S模式，故在Windows環(huán)境下運(yùn)行沒有什么限制。3、設(shè)計(jì)目的（1）給出軟件系統(tǒng)的數(shù)據(jù)流程圖和數(shù)據(jù)結(jié)構(gòu)。 （2）提出詳細(xì)的功能說明，確定設(shè)計(jì)限定條件，規(guī)定性能需求。 （3）密切與用戶的聯(lián)系，使用戶明確自己的任務(wù)，以便實(shí)現(xiàn)上述兩項(xiàng)目標(biāo)。 （4）以最低的成本，在最短的期限內(nèi)開發(fā)出具有管理學(xué)生和學(xué)生成績(jī)功能的智能管理系統(tǒng)。（包括：人力與設(shè)備費(fèi)用的節(jié)省；處理速度的提高；人員工作效率的提高）4、系統(tǒng)功能1）學(xué)生管理功能：a、修改當(dāng)前登錄用戶的密碼。b、可以瀏覽，查看，搜索頁面信息。2）教師管理功能：a、教師可以在線瀏覽，查看，搜索各類頁面。b、可以在線添加、刪除、修改學(xué)生各種信息。c、可以在線通知學(xué)生各種消息。3）管理員功能：a、可以進(jìn)行學(xué)生資料錄入b、可以對(duì)學(xué)生信息查詢、修改、刪除、添加。5、詳細(xì)功能5.1學(xué)生角色：學(xué)生登錄：學(xué)生打開登錄頁面，輸入學(xué)號(hào)、密碼、驗(yàn)證碼，選擇“學(xué)生”角色，點(diǎn)擊“登錄”按鈕，若三者都正確，即可登錄。修改密碼：學(xué)生點(diǎn)擊“用戶菜單 修改密碼”，輸入一次舊密碼，兩次新密碼，點(diǎn)擊“確認(rèn)保存”按鈕，若所填信息正確且兩次輸入新密碼一致，即可修改密碼。退出系統(tǒng)：學(xué)生點(diǎn)擊“用戶菜單 退出系統(tǒng)”，即可退出登錄，回到系統(tǒng)登錄頁面。課表顯示：學(xué)生點(diǎn)擊“課程信息 課表顯示”，顯示當(dāng)前學(xué)生已經(jīng)選過的課程。我要選課：學(xué)生點(diǎn)擊“課程信息 我要選課”，打開所有課程列表，用不同方式標(biāo)記出已選過課程和未選課程，對(duì)于未選課程，點(diǎn)擊“添加”按鈕，增加該門選課。成績(jī)查詢：學(xué)生點(diǎn)擊“成績(jī)查詢 我的成績(jī)”，顯示當(dāng)前學(xué)生已選過課程并且更新了成績(jī)的項(xiàng)目。5.2教師角色：教師登錄：教師打開登錄頁面，輸入教工號(hào)、密碼、驗(yàn)證碼，選擇“輔導(dǎo)員”角色，點(diǎn)擊“登錄”按鈕，若三者都正確，即可登錄。個(gè)人信息：教師點(diǎn)擊“用戶菜單 個(gè)人信息”，打開個(gè)人信息查看/修改頁面，頁面中包含教工號(hào)、教師名、工作地點(diǎn)、個(gè)人履歷等字段，用戶可以查看到自己的信息，也可修改除教工號(hào)的所有字段，完畢后點(diǎn)擊“更新”按鈕，即可保存更新操作；也可點(diǎn)擊“重置”按鈕，重置所有剛才修改過的信息。修改密碼：教師點(diǎn)擊“用戶菜單 修改密碼”，輸入一次舊密碼，兩次新密碼，點(diǎn)擊“確認(rèn)保存”按鈕，若所填信息正確且兩次輸入新密碼一致，即可修改密碼。退出系統(tǒng)：教師點(diǎn)擊“用戶菜單 退出系統(tǒng)”，即可退出登錄，回到系統(tǒng)登錄頁面。學(xué)生管理：教師點(diǎn)擊“學(xué)生信息 學(xué)生名單”，顯示所有學(xué)生名單，包括學(xué)號(hào)、姓名、專業(yè)、班級(jí)、登錄次數(shù)、注冊(cè)時(shí)間、上次登錄時(shí)間、最后登錄IP、查詢成績(jī)等字段。點(diǎn)擊列表中某位同學(xué)最右側(cè)的“修改成績(jī)”按鈕，網(wǎng)頁中顯示這位同學(xué)的所有選課成績(jī)。再點(diǎn)擊成績(jī)列表中某門課程最右側(cè)的“修改成績(jī)”，打開修改成績(jī)頁面，頁面中包含學(xué)號(hào)、課程號(hào)、課程名、學(xué)分、平時(shí)成績(jī)、期末成績(jī)等字段，修改成績(jī)后教師可點(diǎn)擊“修改成績(jī)”按鈕，對(duì)修改后的成績(jī)進(jìn)行保存，也可單擊“重置”按鈕，重置剛剛因誤操作修改的成績(jī)，還原到修改前的狀態(tài)。成績(jī)查詢：教師點(diǎn)擊“成績(jī)排名查詢 成績(jī)通用查詢”，打開成績(jī)通用查詢頁面，教師可填寫按學(xué)號(hào)、按姓名等信息，選擇按專業(yè)、按課程等信息，點(diǎn)擊“查詢”按鈕，查詢指定成績(jī)。也可對(duì)不需要的字段留空查詢。課程排名：教師點(diǎn)擊“成績(jī)排名查詢 課程排名”，出現(xiàn)課程排名查詢頁面，找到需要查詢排名的課程，點(diǎn)擊對(duì)應(yīng)的“查詢排名”按鈕，即可在跳轉(zhuǎn)的網(wǎng)頁中查詢按課程排名的所有同學(xué)成績(jī)。專業(yè)排名：教師點(diǎn)擊“成績(jī)排名查詢 專業(yè)排名”，出現(xiàn)課程排名查詢頁面，找到需要查詢排名的專業(yè)，點(diǎn)擊對(duì)應(yīng)的“查詢排名”按鈕，即可在跳轉(zhuǎn)的網(wǎng)頁中查詢按專業(yè)排名的所有同學(xué)成績(jī)。5.3管理員角色：管理員登錄：管理員打開登錄頁面，輸入賬號(hào)、密碼、驗(yàn)證碼，選擇“管理員”角色，點(diǎn)擊“登錄”按鈕，若三者都正確，即可登錄。修改密碼：管理員點(diǎn)擊“用戶菜單 修改密碼”，輸入一次舊密碼，兩次新密碼，點(diǎn)擊“確認(rèn)保存”按鈕，若所填信息正確且兩次輸入新密碼一致，即可修改密碼。退出系統(tǒng)：管理員點(diǎn)擊“用戶菜單 退出系統(tǒng)”，即可退出登錄，回到系統(tǒng)登錄頁面。學(xué)生管理：管理員點(diǎn)擊“學(xué)生信息 學(xué)生名單”，顯示所有學(xué)生名單，包括學(xué)號(hào)、姓名、專業(yè)、班級(jí)、登錄次數(shù)、注冊(cè)時(shí)間、上次登錄時(shí)間、最后登錄IP、查詢成績(jī)等字段。點(diǎn)擊列表中某位同學(xué)右側(cè)的“刪除”按鈕，即可刪除該學(xué)生。點(diǎn)擊列表中某位同學(xué)最右側(cè)的“修改成績(jī)”按鈕，網(wǎng)頁中顯示這位同學(xué)的所有選課成績(jī)。再點(diǎn)擊成績(jī)列表中某門課程最右側(cè)的“修改成績(jī)”，打開修改成績(jī)頁面，頁面中包含學(xué)號(hào)、課程號(hào)、課程名、學(xué)分、平時(shí)成績(jī)、期末成績(jī)等字段，修改成績(jī)后管理員可點(diǎn)擊“修改成績(jī)”按鈕，對(duì)修改后的成績(jī)進(jìn)行保存，也可單擊“重置”按鈕，重置剛剛因誤操作修改的成績(jī)，還原到修改前的狀態(tài)。添加學(xué)生：管理員點(diǎn)擊“學(xué)生管理 添加學(xué)生”，跳轉(zhuǎn)到添加學(xué)生網(wǎng)頁，在網(wǎng)頁中輸入學(xué)號(hào)、姓名、密碼、專業(yè)、班級(jí)等字段后，點(diǎn)擊“添加學(xué)生”按鈕，即可成功添加一名學(xué)生。教師管理：管理員點(diǎn)擊“教師管理 顯示教師信息”，顯示所有教師名單，包括教工號(hào)、姓名、登錄次數(shù)、工作地點(diǎn)、上次登錄時(shí)間、最后登錄IP、個(gè)人履歷、修改信息、刪除教師等字段。點(diǎn)擊“【查看個(gè)人履歷】”，可在新打開的網(wǎng)頁中看到某位教師的履歷情況。點(diǎn)擊“修改信息”，在跳轉(zhuǎn)的網(wǎng)頁中編輯除教工號(hào)外的姓名、密碼、工作地點(diǎn)、個(gè)人履歷等信息后，點(diǎn)擊“修改教師”，即可完成對(duì)教師信息的修改工作。在修改的過程中如遇到誤操作，可點(diǎn)擊“重置”按鈕，將各種信息重置到修改前的狀態(tài)。點(diǎn)擊列表中某位教師右側(cè)的“刪除”按鈕，即可刪除該教師。添加教師：管理員點(diǎn)擊“教師管理 添加教師”，跳轉(zhuǎn)到添加教師網(wǎng)頁，在網(wǎng)頁中輸入教工號(hào)、姓名、密碼、工作地點(diǎn)、個(gè)人履歷等字段后，點(diǎn)擊“添加教師”按鈕，即可成功添加一名教師。課程管理：管理員點(diǎn)擊“課程管理 顯示課程信息”，顯示所有課程信息，包括縮略圖、課程號(hào)、教學(xué)班號(hào)、課程名、學(xué)分、課容量、修改、刪除等字段。點(diǎn)擊“修改”，在跳轉(zhuǎn)的網(wǎng)頁中編輯學(xué)分、課容量等信息后，點(diǎn)擊“確認(rèn)保存”，即可完成對(duì)課程信息的修改工作。在修改的過程中如遇到誤操作，可點(diǎn)擊“重置”按鈕，將各種信息重置到修改前的狀態(tài)。點(diǎn)擊列表中某門課程右側(cè)的“刪除”按鈕，即可刪除該課程。添加課程：管理員點(diǎn)擊“課程管理 添加課程”，跳轉(zhuǎn)到添加課程網(wǎng)頁，在網(wǎng)頁中輸入課程號(hào)、教學(xué)班號(hào)、課程名、學(xué)分、課容量、課程簡(jiǎn)介等信息，點(diǎn)擊“添加課程”按鈕，即可成功添加一門課程。成績(jī)查詢：教師點(diǎn)擊“成績(jī)排名查詢 成績(jī)通用查詢”，打開成績(jī)通用查詢頁面，教師可填寫按學(xué)號(hào)、按姓名等信息，選擇按專業(yè)、按課程等信息，點(diǎn)擊“查詢”按鈕，查詢指定成績(jī)。也可對(duì)不需要的字段留空查詢。課程排名：教師點(diǎn)擊“成績(jī)排名查詢 課程排名”，出現(xiàn)課程排名查詢頁面，找到需要查詢排名的課程，點(diǎn)擊對(duì)應(yīng)的“查詢排名”按鈕，即可在跳轉(zhuǎn)的網(wǎng)頁中查詢按課程排名的所有同學(xué)成績(jī)。專業(yè)排名：教師點(diǎn)擊“成績(jī)排名查詢 專業(yè)排名”，出現(xiàn)課程排名查詢頁面，找到需要查詢排名的專業(yè)，點(diǎn)擊對(duì)應(yīng)的“查詢排名”按鈕，即可在跳轉(zhuǎn)的網(wǎng)頁中查詢按專業(yè)排名的所有同學(xué)成績(jī)。2.2 總體設(shè)計(jì)該部分的主要內(nèi)容是分析系統(tǒng)，包括系統(tǒng)設(shè)計(jì)的角色有哪些，每個(gè)角色都可以訪問哪些功能，并用用例圖展現(xiàn)出來。同時(shí)給出系統(tǒng)功能的總體劃分（框圖）。之后，分別列出每個(gè)功能模塊的設(shè)計(jì)情況。學(xué)生成績(jī)管理系統(tǒng)包含如下角色：學(xué)生、教師（輔導(dǎo)員）、管理員。每個(gè)角色可以訪問的不同功能由如下用例圖展示： 圖2.1學(xué)生用例圖圖2.2教師用例圖圖2.3管理員用例圖系統(tǒng)功能的總體劃分可由上面三個(gè)主要的角色以及他們所對(duì)應(yīng)的頁面組成，在不同的頁面中，有一個(gè)或多個(gè)模塊與之對(duì)應(yīng)，由它們完成相應(yīng)的操作。下面展示系統(tǒng)功能圖（框圖）：圖2.4系統(tǒng)功能圖系統(tǒng)功能描述1、 登錄模塊設(shè)計(jì)功能：學(xué)生、教師、管理員三種角色的判別和登錄頁面說明：index.jsp系統(tǒng)首頁，方便跳轉(zhuǎn)到登錄頁面login.jsp登錄頁面servlet/check檢查登錄，判斷用戶類型后跳轉(zhuǎn)到角色頁面student/student.jsp學(xué)生頁面teacher/teacher.jsp教師頁面manager/manager.jsp管理員頁面頁面跳轉(zhuǎn)流程圖：student/student.jspteacher/teacher.jspmanager/manager.jspindex.jsplogin.jspservlet/check圖2.5登錄模塊頁面跳轉(zhuǎn)流程圖2、修改密碼功能模塊設(shè)計(jì)功能：為學(xué)生、教師、管理員提供密碼修改功能頁面說明：updatepassword.jsp修改密碼的JSP頁面servlet/updatepassword提交修改的Servlet頁面跳轉(zhuǎn)流程圖：updatepassword.jspindex.jspservlet/updatepasswordupdatepassword.jsp圖2.6修改密碼模塊頁面跳轉(zhuǎn)流程圖3、個(gè)人信息功能模塊設(shè)計(jì)功能：修改用戶信息（包括姓名、履歷等字段）頁面說明：showinfo.jsp查看/修改個(gè)人信息的JSP頁面servlet/updateinfo接收提交來的修改個(gè)人信息頁面跳轉(zhuǎn)流程圖：showinfo.jspservlet/updateinfoshowinfo.jsp圖2.7個(gè)人信息模塊頁面跳轉(zhuǎn)流程圖4、課表顯示功能模塊設(shè)計(jì)功能： 顯示當(dāng)前登錄學(xué)生的選課信息頁面說明：showstucou.jsp顯示當(dāng)前學(xué)生所有選課信息頁面跳轉(zhuǎn)流程圖：showinfo.jsp圖2.8課表顯示模塊頁面跳轉(zhuǎn)流程圖5、我要選課功能模塊設(shè)計(jì)功能： 為當(dāng)前登錄的學(xué)生進(jìn)行選課操作頁面說明：selectcourse.jsp選課頁面，列出所有選課servlet/selectcourse接收選課的Servlet頁面跳轉(zhuǎn)流程圖：selectcourse.jspservlet/selectcourseselectcourse.jsp圖2.9我要選課模塊頁面跳轉(zhuǎn)流程圖6、成績(jī)查詢功能模塊設(shè)計(jì)功能： 查詢當(dāng)前登錄學(xué)生所選課程成績(jī)頁面說明：searchmyself.jsp查詢并顯示當(dāng)前學(xué)生成績(jī)頁面跳轉(zhuǎn)流程圖：searchmyself.jsp圖2.10課表顯示模塊頁面跳轉(zhuǎn)流程圖7、學(xué)生名單功能模塊設(shè)計(jì)功能： 顯示學(xué)生名單，包括學(xué)號(hào)、姓名、專業(yè)、班級(jí)、登錄次數(shù)、注冊(cè)時(shí)間、上次登錄、最后登錄IP、查詢成績(jī)頁面說明：showstudent.jsp顯示教師界面下的學(xué)生名單searchonescore.jsp查詢并顯示某個(gè)學(xué)生的成績(jī)updatescore.jsp更新某個(gè)學(xué)生的成績(jī)servlet/updatescore接收修改后學(xué)生的成績(jī)頁面跳轉(zhuǎn)流程圖：showstudent.jspsearchonescore.jspupdatescore.jspservlet/updatescore圖2.11學(xué)生名單模塊頁面跳轉(zhuǎn)流程圖8、成績(jī)管理功能模塊設(shè)計(jì)功能： 提供面向?qū)W生成績(jī)的通用查詢功能，包括按學(xué)號(hào)、按姓名、按專業(yè)、按課程等字段進(jìn)行搜索頁面說明：searchothers.jsp查詢前的顯示頁面searchoneself1.jsp提供通用查詢功能的并顯示的頁面頁面跳轉(zhuǎn)流程圖：searchothers.jspsearchoneself1.jspsearchoneself1.jsp圖2.12成績(jī)管理模塊頁面跳轉(zhuǎn)流程圖9、課程排名功能模塊設(shè)計(jì)功能： 顯示按課程進(jìn)行排名的所有學(xué)生成績(jī)頁面說明：rankcourse.jsp顯示可以查詢的所有課程列表rankcourse2.jsp顯示某門課程的學(xué)生成績(jī)排名頁面跳轉(zhuǎn)流程圖：searchothers.jspsearchoneself1.jsp圖2.13課程排名模塊頁面跳轉(zhuǎn)流程圖10、專業(yè)排名功能模塊設(shè)計(jì)功能： 按專業(yè)排名方式顯示某個(gè)專業(yè)所有學(xué)生的成績(jī)排名頁面說明：rankmajor.jsp顯示可以查詢的所有專業(yè)列表rankmajor2.jsp顯示某個(gè)專業(yè)的學(xué)生成績(jī)排名頁面跳轉(zhuǎn)流程圖：rankmajor.jsprankmajor2.jsp圖2.14專業(yè)排名模塊頁面跳轉(zhuǎn)流程圖11、學(xué)生管理功能模塊設(shè)計(jì)功能：顯示學(xué)生名單，包括學(xué)號(hào)、姓名、專業(yè)、班級(jí)、登錄次數(shù)、注冊(cè)時(shí)間、上次登錄、最后登錄IP、查詢成績(jī)。提供學(xué)生信息修改、刪除學(xué)生、編輯課程、編輯成績(jī)、添加學(xué)生功能。頁面說明：showstudent.jsp顯示學(xué)生列表updatestudent.jsp修改學(xué)生信息的JSPservlet/updatestudent接收修改后學(xué)生信息的Servletservlet/delstudent刪除學(xué)生的Servletshowstucou.jsp顯示某個(gè)學(xué)生選課addstucourse.jsp為某位學(xué)生增加選課的servlet/addstucou接收某位同學(xué)增加選課的Servletsearchonescore.jsp查詢某位學(xué)生的成績(jī)頁面updatescore.jsp修改某位學(xué)生成績(jī)的JSPservlet/m_updatescore接受修改后某位學(xué)生成績(jī)的Servletaddstudent.jsp增加一名學(xué)生的JSPservlet/addstudent接收增加一名學(xué)生相關(guān)信息的Servlet頁面跳轉(zhuǎn)流程圖：showstudent.jspshowstucou.jspservlet/delstudentupdatestudent.jspsearchonescore.jspaddstudent.jspaddstucourse.jspservlet/updatestudentupdatescore.jspservlet/addstudentservlet/addstucouservlet/m_updatescore圖2.15學(xué)生管理模塊頁面跳轉(zhuǎn)流程圖12、教師管理功能模塊設(shè)計(jì)功能：顯示教師名單，包括教工號(hào)、姓名、登錄次數(shù)、工作地點(diǎn)、上次登錄、最后登錄IP、個(gè)人履歷。提供學(xué)生信息修改、刪除教師等功能。頁面說明：showteacher.jspshowsume.jspupdateteacher.jspservlet/updateteacherservlet/delteacheraddteacher.jspservlet/addteacher頁面跳轉(zhuǎn)流程圖：showteacher.jspshowsume.jspupdateteacher.jspservlet/updateteacherservlet/delteacheraddteacher.jspservlet/addteacher圖2.16教師管理模塊頁面跳轉(zhuǎn)流程圖13、課程管理功能模塊設(shè)計(jì)功能：顯示課程縮略圖、課程號(hào)、教學(xué)班號(hào)、課程名、學(xué)分、課容量等字段信息。提供課程修改、刪除等功能。頁面說明：showcourse.jspupdatecourse.jspservlet/updatecourseservlet/delcourse頁面跳轉(zhuǎn)流程圖：showcourse.jspupdatecourse.jspservlet/delcourseservlet/updatecourse圖2.17課程管理模塊頁面跳轉(zhuǎn)流程圖三、界面設(shè)計(jì)系統(tǒng)的界面設(shè)計(jì)希望采用簡(jiǎn)介明朗的方式。我小組經(jīng)過對(duì)比各種不同風(fēng)格的UI界面，最終決定希望使用簡(jiǎn)介、清爽的界面設(shè)計(jì)風(fēng)格。除登錄界面使用了一頁式的UI板式外，其它的各種角色頁面中均使用了簡(jiǎn)明的左右分欄式網(wǎng)頁界面。按功能模塊分別介紹1、登錄模塊的界面設(shè)計(jì)采用三張不同的廈門理工學(xué)院照片作為背景圖片，每次訪問時(shí)隨機(jī)選取其中一張作為背景圖片，體現(xiàn)了學(xué)校的濃厚文化氛圍。登錄框的上飄動(dòng)著天氣圖標(biāo)，隨著不同的天氣變化，它能夠顯示不同的圖標(biāo)，如“烏云、太陽、雨云”。圖3.1登錄模塊的界面設(shè)計(jì)2、登錄后首頁功能模塊的界面設(shè)計(jì)用戶登錄后，能夠跳到系統(tǒng)的默認(rèn)首頁，首頁上能夠顯示于用戶相關(guān)的信息，包括上次登錄時(shí)間、登錄總次數(shù)、上次/本次登錄IP地址，以及快捷功能按鈕等等。圖3.2默認(rèn)首頁模塊的界面設(shè)計(jì)3、工作臺(tái)功能模塊的界面設(shè)計(jì)工作臺(tái)能夠提供系統(tǒng)運(yùn)行時(shí)相關(guān)概要信息的顯示，包括各專業(yè)學(xué)生分布人數(shù)、最新新聞、待辦事項(xiàng)、常用工具、系統(tǒng)信息統(tǒng)計(jì)等。該部分界面設(shè)計(jì)以矩形方式對(duì)各個(gè)部分信息進(jìn)行顯示。圖3.3工作臺(tái)模塊的界面設(shè)計(jì)4、頂部導(dǎo)航功能模塊的界面設(shè)計(jì)系統(tǒng)頂部導(dǎo)航以藍(lán)色為基礎(chǔ)底色，在此基礎(chǔ)上，使用略帶色彩的圖標(biāo)來標(biāo)識(shí)出不同的功能按鈕。它們都是常用的導(dǎo)航按鈕。圖3.4頂部導(dǎo)航模塊的界面設(shè)計(jì)5、主界面功能模塊的界面設(shè)計(jì)系統(tǒng)主界面先采用上下分欄模式，來區(qū)別開“系統(tǒng)導(dǎo)航菜單”和“子界面”。在下部分的分欄中，再采用左右分欄的模式。其中左邊的部分作為導(dǎo)航功能的菜單界面使用，通過分類將所有功能整理成不同類別的一級(jí)菜單，在一級(jí)菜單的下面還有對(duì)應(yīng)的二級(jí)菜單，通過點(diǎn)擊一級(jí)菜單即可展開二級(jí)菜單。點(diǎn)擊二級(jí)菜單后，在右側(cè)的區(qū)域中，將會(huì)跳轉(zhuǎn)到對(duì)應(yīng)的JSP頁面。圖3.5系統(tǒng)主界面模塊的界面設(shè)計(jì)6、修改密碼功能模塊的界面設(shè)計(jì)修改密碼的模塊設(shè)計(jì)應(yīng)從簡(jiǎn)，讓用戶簡(jiǎn)單地輸入舊密碼和新密碼即可，除了必填字段的提示信息外，不宜添加過多無用UI部件。圖3.6修改密碼模塊的界面設(shè)計(jì)7、學(xué)生信息功能模塊的界面設(shè)計(jì)該界面以表格的方式來顯示list表中的相關(guān)字段信息。除了在子頁面的頂部標(biāo)示出當(dāng)前所處的頁面外。還人性化地添加了“添加”和“統(tǒng)計(jì)”兩枚按鈕，能夠讓系統(tǒng)使用者在查看列表信息時(shí)方便添加新的用戶數(shù)據(jù)，以及對(duì)數(shù)據(jù)進(jìn)行統(tǒng)計(jì)工作。關(guān)于表格：為了避免用戶在查看表格時(shí)產(chǎn)生的視覺疲勞以及枯燥性，我小組將表格使用了間隔上色的操作，表格采用藍(lán)白相間的顏色，不僅在視覺上緩解了之前的枯燥效果，也給頁面增加了體驗(yàn)趣味。圖3.7學(xué)生信息管理模塊的界面設(shè)計(jì)8、添加教師功能模塊的界面設(shè)計(jì)添加教師時(shí)，通過編輯相關(guān)字段，來增加教師，同時(shí)支持添加教師個(gè)人履歷，通過使用kindsoft公司提供的kindedit網(wǎng)頁插件來對(duì)富文本進(jìn)行編輯。這樣能夠增加教師信息的豐富程度，也能夠讓校方管理人員及時(shí)了解到教師的個(gè)人履歷情況，對(duì)教師的個(gè)人信息有所了解。便于開展學(xué)校的各項(xiàng)工作。“添加教師”按鈕和“重置”按鈕，使用了簡(jiǎn)單清爽的藍(lán)色，它們可以明顯地將頁面中的編輯區(qū)域和控制按鈕提交區(qū)域區(qū)分開來，增強(qiáng)了網(wǎng)頁的層次感。圖3.8添加教師模塊的界面設(shè)計(jì)9、課程管理模塊的界面設(shè)計(jì)課程管理模塊為學(xué)生提供選課操作，為管理員提供課程增刪改操作，為了方面讓用戶能夠一眼就快速找到對(duì)應(yīng)的選課，我們?cè)赨I中加入了縮略圖。圖3.9課程管理模塊的界面設(shè)計(jì)10、成績(jī)通用查詢功能模塊的界面設(shè)計(jì)成績(jī)通用查詢功能模塊需要為用戶提供組合查詢的相關(guān)字段。對(duì)于這些相關(guān)字段，都有特定的HTML語法代碼或是元素來承載信息。圖3.10成績(jī)通用查詢模塊的界面設(shè)計(jì)11、課程排名功能模塊的界面設(shè)計(jì)為了方便用戶查詢課程排名，在課程排名的查詢頁面中以小矩形方式，顯示出了所有可供排名查詢的課程。每個(gè)小矩形中包含課程名、課程號(hào)、教學(xué)班級(jí)、學(xué)分績(jī)點(diǎn)、查詢按鈕以及課程縮略圖標(biāo)。圖3.11課程排名功能模塊的界面設(shè)計(jì)四、數(shù)據(jù)庫設(shè)計(jì)4.1 表設(shè)計(jì)本系統(tǒng)一共涉及8張表，它們分別是：course、major、manager、rank、score、student、studentcourse、teacher。下面對(duì)系統(tǒng)涉及到的這8張表進(jìn)行簡(jiǎn)要的設(shè)計(jì)說明。表4.1 course 課程表字段名字段類型說明cidchar課程號(hào)（不可空）clnumchar教學(xué)班號(hào)（不可空）cnamechar課程名（不可空）creditdouble學(xué)分capacityint課容量tidchar課程簡(jiǎn)介表4.2 major 專業(yè)表字段名字段類型說明majoridchar專業(yè)號(hào)（主鍵）majorchar專業(yè)名稱descriptionchar專業(yè)簡(jiǎn)介表4.3 manager 管理員表字段名字段類型說明idchar管理員賬號(hào)（主鍵）passwordchar管理員密碼（不可空）logintimesint登錄總次數(shù)registertimetimestamp注冊(cè)時(shí)間（不可空）lasttimetimestamp上次登錄時(shí)間ipaddresschar上次登錄IP地址表4.4 rank 排名統(tǒng)計(jì)表字段名字段類型說明sidchar學(xué)號(hào)（主鍵）averagepointdouble平均績(jī)點(diǎn)rankint排名表4.5 score 成績(jī)表字段名字段類型說明cidchar課程號(hào)（不可空）cnamechar課程名creditdouble課程學(xué)分sidchar學(xué)號(hào)pscoreint平時(shí)成績(jī)qscoreint期末成績(jī)gradeint總分jpadouble績(jī)點(diǎn)表4.6 student 學(xué)生表字段名字段類型說明idchar學(xué)號(hào)（主鍵）snamechar學(xué)生姓名passwordchar密碼sclasschar班級(jí)smajorchar專業(yè)logintimesint登錄次數(shù)registertimetimestamp注冊(cè)時(shí)間（不可空）lasttimetimestamp最后登錄時(shí)間（不可空）ipaddresschar上次登錄IP（不可空）表4.7 studentcourse 學(xué)生選課表字段名字段類型說明sidchar學(xué)號(hào)（不可空）cidchar課程號(hào)（不可空）cnamechar課程名creditdouble課程學(xué)分capacityint課容量clnumchar教學(xué)班號(hào)tidchar課程簡(jiǎn)介表4.8 teacher 教師表字段名字段類型說明idchar教工號(hào)（主鍵）tnamechar教師名passwordchar密碼logintimesint登錄次數(shù)registertimetimestamp注冊(cè)時(shí)間lasttimetimestamp上次登錄時(shí)間ipaddresschar上次登錄IP地址wplacechar工作地點(diǎn)resumevarchar個(gè)人履歷圖4.1 系統(tǒng)流程圖4.2建立JDBC連接圖4.2JDBC鏈接關(guān)鍵代碼五、代碼設(shè)計(jì)備注：給出關(guān)鍵代碼、代碼流程圖及代碼的詳解。頁面訪問權(quán)限過濾器：圖5.1頁面權(quán)限過濾器關(guān)鍵代碼級(jí)注解登陸時(shí)計(jì)算密碼進(jìn)行md5加密后的值：圖5.2用戶密碼MD5加密關(guān)鍵代碼級(jí)注解六、運(yùn)行調(diào)試在web服務(wù)器和數(shù)據(jù)庫環(huán)境下進(jìn)行運(yùn)行調(diào)試，給出運(yùn)行調(diào)試結(jié)果。輸入/動(dòng)作期望的輸出/相應(yīng)實(shí)際情況打開登錄頁面，輸入學(xué)號(hào)、密碼、驗(yàn)證碼、勾選【學(xué)生】角色，點(diǎn)擊登錄登錄成功并返回到student學(xué)生視圖下與期望值相同打開登錄頁面，輸入教工號(hào)、密碼、驗(yàn)證碼、勾選【教師】角色，點(diǎn)擊登錄登錄成功并返回到teacher教師視圖下與期望值相同打開登錄頁面，輸入管理員賬號(hào)、密碼、驗(yàn)證碼、勾選【管理員】角色，點(diǎn)擊登錄登錄成功并返回到manager管理員圖下與期望值相同不輸入任何信息，點(diǎn)擊【登錄】無法登錄系統(tǒng)。 顯示警告信息“請(qǐng)重新輸入用戶名和密碼！”與期望值相同輸入存在的用戶名，點(diǎn)擊【登錄無法登錄系統(tǒng)。 顯示警告信息“請(qǐng)重新輸入用戶名和密碼！”與期望值相同輸入存在的密碼，點(diǎn)擊【登錄】無法登錄系統(tǒng)。 顯示警告信息“請(qǐng)重新輸入用戶名和密碼！”與期望值相同輸入存在的用戶名、不存在的密碼，點(diǎn)擊【登錄】無法登錄系統(tǒng)。 顯示警告信息“請(qǐng)重新輸入用戶名和密碼！”與期望值相同輸入不存在的用戶名、存 在的密碼，點(diǎn)擊登錄無法登錄系統(tǒng)。 顯示警告信息“請(qǐng)重新輸入用戶名和密碼！”與期望值相同異常值填寫所有可錄入 信息的文本框，點(diǎn)擊登錄 按鍵不能報(bào)系統(tǒng)錯(cuò)誤，或者系統(tǒng)給出提示：xxx輸入類型錯(cuò)誤，或者屏蔽單引號(hào)輸入。與期望值相同邊界值填寫所有可錄入信息的文本框，長(zhǎng)度超出 其限制，點(diǎn)擊登錄按鍵系統(tǒng)應(yīng)給出提示：”xxx超 出字?jǐn)?shù)限制（xxx字）！， 或者錄入到規(guī)定字符數(shù)時(shí) 不再接受用戶輸入與期望值相同新密碼長(zhǎng)度在【最大值、最小值】之間，進(jìn)行修改修改成功與期望值相同新密碼長(zhǎng)度為【最大值】之間，進(jìn)行修改修改成功與期望值相同新密碼長(zhǎng)度為【最小值】之間，進(jìn)行修改修改成功與期望值相同不輸入舊密碼進(jìn)行修改顯示未輸入舊密碼提示信息與期望值相同輸入錯(cuò)誤的舊密碼進(jìn)行修改顯示輸入的錯(cuò)誤舊密碼提示信息與期望值相同新密碼輸入為空進(jìn)行修改顯示未輸入新密碼提示信息與期望值相同重復(fù)新密碼為空進(jìn)行修改顯示未輸入第二次新密碼提示信息與期望值相同新密碼和重復(fù)新密碼不一致修改顯示兩次密碼輸入不一致提示信息與期望值相同新密碼長(zhǎng)度【最大值】+1進(jìn)行修改顯示密碼長(zhǎng)度驗(yàn)證提示信息與期望值相同新密碼長(zhǎng)度【最小值】-1進(jìn)行修改顯示密碼長(zhǎng)度驗(yàn)證提示信息與期望值相同新密碼中輸入非法字符進(jìn)行修改顯示密碼字符驗(yàn)證提示信息與期望值相同學(xué)生成績(jī)管理系統(tǒng)測(cè)試用例測(cè)試負(fù)責(zé)人：吳樹涌 一級(jí)模塊模塊名稱教師服務(wù)系統(tǒng)二級(jí)模塊模塊名稱插入成績(jī)用例描述用例起始于教師要插入學(xué)生成績(jī)測(cè)試序號(hào)C1測(cè)試過程及數(shù)據(jù)用例編號(hào)U1登錄教師管理系統(tǒng)，選擇1插入成績(jī)，回車；輸入成績(jī)100，輸入-1，回車結(jié)束輸入；用例編號(hào)U2登錄教師管理系統(tǒng)，選擇1插入成績(jī)，回車；輸入成績(jī)65,87，90,73,60，輸入-1，回車結(jié)束輸入；預(yù)期結(jié)果U1系統(tǒng)提示插入成績(jī)失敗，成績(jī)必須為0,100之間的數(shù)字U2系統(tǒng)提示插入學(xué)生成績(jī)成功測(cè)試結(jié)果通過二級(jí)模塊模塊名稱查詢成績(jī)用例描述用例起始于教師要查詢學(xué)生成績(jī)測(cè)試序號(hào)C2測(cè)試過程及數(shù)據(jù)用例編號(hào)U3登錄教師管理系統(tǒng)，選擇2查詢成績(jī)，回車；輸入未插入的成績(jī)100，回車；用例編號(hào)U4登錄教師管理系統(tǒng)，選擇2查詢成績(jī)，回車；輸入已插入的成績(jī)90，回車；預(yù)期結(jié)果U3系統(tǒng)提示要查詢的成績(jī)不存在U4系統(tǒng)顯示成績(jī)?yōu)?0的學(xué)生的相關(guān)信息測(cè)試結(jié)果通過二級(jí)模塊模塊名稱成績(jī)排序用例描述用例起始于教師要對(duì)學(xué)生成績(jī)進(jìn)行排序測(cè)試序號(hào)C3測(cè)試過程及數(shù)據(jù)用例編號(hào)U5在未插入任何成績(jī)的情況下，直接選擇3成績(jī)排序，回車；用例編號(hào)U6登錄教師管理系統(tǒng)（系統(tǒng)中已插入成績(jī)65,87，90,73,60），選擇3成績(jī)排序，回車； 預(yù)期結(jié)果U5系統(tǒng)提示對(duì)不起，尚無數(shù)據(jù)U6系統(tǒng)將學(xué)生成績(jī)按90,87,73,65,60降序排序測(cè)試結(jié)果通過學(xué)生服務(wù)子系統(tǒng)測(cè)試用例測(cè)試負(fù)責(zé)人：吳樹涌一級(jí)模塊模塊名稱學(xué)生服務(wù)二級(jí)模塊模塊名稱成績(jī)查詢用例描述用例起始于一名學(xué)生想查看自己的成績(jī)測(cè)試序號(hào)C5測(cè)試過程及數(shù)據(jù)用例編號(hào)U7選擇功能2，回車，輸入正確課程名稱：軟件工程用例編號(hào)U8選擇功能2，回車，輸入錯(cuò)誤課程名稱：地理用例編號(hào) U9選擇功能2，回車，輸入正確課程編號(hào)：03用例編號(hào) U10選擇功能2，回車，輸入錯(cuò)誤課程編號(hào)：009預(yù)期結(jié)果 U7輸出包括，學(xué)生姓名，學(xué)號(hào)，課程號(hào)，課程名稱，成績(jī)。 U8提示你輸入的課程名稱存在，請(qǐng)重新輸入 U9輸出包括，學(xué)生姓名，學(xué)號(hào)，課程號(hào)，課程名稱，成績(jī)。 U10提示你輸入的課程編號(hào)不存在，請(qǐng)重新輸入測(cè)試結(jié)果通過二級(jí)模塊模塊名稱成績(jī)排序用例描述用例起始于一名學(xué)生想對(duì)成績(jī)進(jìn)行排序測(cè)試序號(hào)C6測(cè)試過程及數(shù)據(jù)用例編號(hào) U11選擇功能3，回車，顯示所有科目包括，學(xué)生姓名，學(xué)號(hào)，課程號(hào)，課程名稱，成績(jī)，輸入：成績(jī)升序用例編號(hào) U12選擇功能3，回車，顯示所有科目包括，學(xué)生姓名，學(xué)號(hào)，課程號(hào)，課程名稱，成績(jī)，輸入：數(shù)子用例編號(hào) U13選擇功能3，回車，顯示所有科目包括，學(xué)生姓名，學(xué)號(hào)，課程號(hào)，課程名稱，成績(jī)，輸入：成績(jī)降序用例編號(hào) U14選擇功能3，回車，顯示所有科目包括，學(xué)生姓名，學(xué)號(hào)，課程號(hào)，課程名稱，成績(jī)，不輸入，回車。預(yù)期結(jié)果 U11按成績(jī)升序排列。 U12提示你輸入的提示不正確。 U13按成績(jī)降序排列。 U14顯示你輸入的提示不正確。測(cè)試結(jié)果通過添加學(xué)生：使用管理員賬號(hào)(用戶名：XMUT密碼：XMUT)登錄，點(diǎn)擊左側(cè)導(dǎo)航欄“學(xué)生管理 添加學(xué)生”，在打開的頁面中輸入如下信息。圖6.1 添加學(xué)生圖6.2 添加學(xué)生成功學(xué)生登錄：打開登錄頁面，輸入學(xué)號(hào)、密碼、驗(yàn)證碼，并選擇登錄用戶類型，點(diǎn)擊登錄，即可登錄系統(tǒng)。圖6.3 學(xué)生登錄修改密碼：點(diǎn)擊“用戶菜單 修改密碼”，即可修改密碼。圖6.4 修改用戶密碼增加選課：點(diǎn)擊“課程信息 我要選課”，在跳轉(zhuǎn)的頁面中選擇需要選擇的課程。即可增加選課。圖6.5 增加選課圖6.6 增加選課成功圖6.7已選過的課程有標(biāo)注出來課表顯示：點(diǎn)擊“課程信息 課表顯示”，在跳轉(zhuǎn)的頁面中即可查看到當(dāng)前課表。圖6.7 顯示我的課表七、結(jié)論與心得在進(jìn)行學(xué)生成績(jī)管理系統(tǒng)的開發(fā)過程中，我小組成員受益匪淺。從技術(shù)上來說：我們學(xué)會(huì)了J2EE相關(guān)知識(shí)以及網(wǎng)頁的開發(fā)工作。JSP是一種動(dòng)態(tài)的網(wǎng)頁，它可以讓我們?cè)诰帉慔TML的同時(shí)加入Java代碼，來增強(qiáng)網(wǎng)頁的交互性，同時(shí)使用的EL表達(dá)式，也大大減少了HTML頁面制作人員涉及到Java代碼的深度，方便小組成員相互分工。Servlet是一種方便的技術(shù)，它能夠擺脫JSP中對(duì)網(wǎng)頁代碼的嚴(yán)格限制需要，以全Java代碼的方式進(jìn)行編碼，大大增強(qiáng)了交互性和用戶的體驗(yàn)度。在團(tuán)隊(duì)方面：前期因?yàn)槿蝿?wù)分配的問題，導(dǎo)致大家的任務(wù)不太均勻，有些同學(xué)的功能實(shí)現(xiàn)起來難度比較大，而有些同學(xué)的功能可以很快完成。在第二天的下午，我小組召開了團(tuán)隊(duì)內(nèi)部會(huì)議，重新分配了存在爭(zhēng)議的幾個(gè)小問題。達(dá)到了以下兩個(gè)效果：減少了一些同學(xué)的工作量，將任務(wù)更均勻地分配到每個(gè)同學(xué)身上。八、致謝系統(tǒng)原型參考：學(xué)生成績(jī)管理系統(tǒng)華中科技大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)系董玲九、參考文獻(xiàn)大學(xué)學(xué)生成績(jī)管理系統(tǒng)滁州大學(xué)林文斌關(guān)于Tomcat的URIEncoding以及GET亂碼http:/b