系統(tǒng)設(shè)計(jì)文檔

1、石家莊郵電職業(yè)技術(shù)學(xué)院論壇設(shè)計(jì)2008 屆 計(jì)算機(jī) 系所學(xué)專業(yè)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)（網(wǎng)絡(luò)集成方向）學(xué)號(hào)30711122姓名張靖瑋指導(dǎo)教師武建強(qiáng)完成日期2010年12月31日 TOC o 1-5 h z HYPERLINK l bookmark4 o Current Document 1緒論3 HYPERLINK l bookmark7 o Current Document 1.1留言板的開發(fā)背景31.2留言板的開發(fā)環(huán)境3留言板開發(fā)技術(shù)的選擇3 HYPERLINK l bookmark14 o Current Document 數(shù)據(jù)庫的選擇32系統(tǒng)分析與設(shè)計(jì)3 HYPERLINK l bookmark

2、20 o Current Document 2.1需求分析3 HYPERLINK l bookmark23 o Current Document 2.2留言板的總體設(shè)計(jì)32.3留言板的文件說明43.1留言板主要表的設(shè)計(jì)5 HYPERLINK l bookmark35 o Current Document 4,詳細(xì)設(shè)計(jì)與功能實(shí)現(xiàn)5 HYPERLINK l bookmark38 o Current Document 4.1功能設(shè)計(jì)5 HYPERLINK l bookmark41 o Current Document 4.2用戶界面設(shè)計(jì)13 HYPERLINK l bookmark44 o Curr

3、ent Document 5留言板解決的難題與存在的問題15 HYPERLINK l bookmark47 o Current Document 5.1留言板解決的難題15 HYPERLINK l bookmark50 o Current Document 5.2系統(tǒng)存在的問題15 HYPERLINK l bookmark53 o Current Document 6系統(tǒng)設(shè)計(jì)體會(huì)161緒論1.1論壇的開發(fā)背景待開發(fā)的軟件系統(tǒng)名稱：站內(nèi)留言板 開發(fā)者：計(jì)0801-11班劉石磊 用戶群：站長(zhǎng)和用戶1.2論壇所選用的開發(fā)環(huán)境論壇開發(fā)技術(shù)的選擇系統(tǒng)選擇的開發(fā)技術(shù)為：基于B/S結(jié)構(gòu)模式的JSP編程技術(shù)采

4、用的主要語言有：java、javascripthtml、css軟件環(huán)境為：windows2003、JDK6、tomcat、dieamweaver 8數(shù)據(jù)庫的選擇本系統(tǒng)所選用的數(shù)據(jù)庫為access數(shù)據(jù)庫管理系統(tǒng)，access是小型數(shù)據(jù)庫，適合流 量小的網(wǎng)站，對(duì)于本系統(tǒng)來說，access數(shù)據(jù)庫就足夠用了13系統(tǒng)整體設(shè)計(jì)思路首先設(shè)計(jì)一個(gè)首頁，普通用戶可以登錄留言板進(jìn)行查看留言、簽寫留言的操作；設(shè)計(jì)一 個(gè)登錄頁面，這樣站長(zhǎng)可以通過此頁面登錄并對(duì)普通用戶的留言進(jìn)行編輯修改、刪除、回復(fù) 的操作，還可以更改管理員信息。2留言板分析與設(shè)計(jì)2.1需求分析此留言板的主要任務(wù)是站長(zhǎng)通過該留言板對(duì)普通用戶的留言信息進(jìn)

5、行管理維護(hù)，普 通用戶可以通過此留言板進(jìn)行查看并且留言。2-2留言板的總體設(shè)計(jì)本留言板的主要模塊有：站長(zhǎng)登錄模塊，修改留言模塊，回復(fù)留言模塊，刪除留言模塊, 簽寫留言模塊，前四個(gè)是屬于站長(zhǎng)的權(quán)限，后一個(gè)是所有用戶的權(quán)限，簽寫留言模塊的功能 使所有用戶能通過此留言板進(jìn)行留言，站長(zhǎng)登錄模塊的功能是站長(zhǎng)通過此頁面登錄并對(duì)普通用戶的留言進(jìn)行管理，修改留言模塊的功能是站長(zhǎng)對(duì)某用戶的留言進(jìn)行修改，回復(fù)留言模塊 的主要功能是：站長(zhǎng)對(duì)某用戶的留言進(jìn)行回復(fù)，刪除留言模塊的主要功能是：站長(zhǎng)刪除某用 戶的留言，留言板系統(tǒng)的功能結(jié)構(gòu)圖圖如下所示2.3系統(tǒng)文件說明文件名功能說明iiidex.jsp留言板的首頁，普通用戶

6、可以在此頁面查看留 言、簽寫留言；站長(zhǎng)可以通過此頁面登錄對(duì)用 戶留言進(jìn)行管理name.jsp留言板的標(biāo)題logiii.jsp站長(zhǎng)的登錄頁面CheckCode.jsp站長(zhǎng)登錄所需驗(yàn)證碼的設(shè)計(jì)add.jsp普通用戶通過此頁面可以在留言板中留言del.jsp站長(zhǎng)登陸到管理頁面后可以刪除普通用戶的留 言信息Edit.jsp站長(zhǎng)登陸到管理頁面后可以修改普通用戶的留 言信息Reply, jsp站長(zhǎng)可以通過此頁面回復(fù)用戶的留言logout.jsp站長(zhǎng)退出管理頁面時(shí)返回到首頁conflg.jsp站長(zhǎng)登錄到管理頁面后可以通過此頁面修改管 理員的信息enoijsp顯示出錯(cuò)信息3系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)3.1成績(jī)查詢系統(tǒng)數(shù)據(jù)

7、庫主要表的設(shè)計(jì)注冊(cè)用戶表如下表字段名稱數(shù)據(jù)類型字段長(zhǎng)度說明id自動(dòng)編號(hào)用戶id,主鍵1P文本50用戶ipusername文本50用戶姓名userface文本50用戶頭像sex文本50性別tele文本50電話號(hào)碼Email文本50郵箱地址成績(jī)信息表如下表字段名稱數(shù)據(jù)類型字段長(zhǎng)度說明num文本50學(xué)號(hào)name文本50姓名cnum文本50課程號(hào)kecheng文本50課程名kc文本50課程類型kcj文本50課程成績(jī)xuefei文本50獲得學(xué)分4,詳細(xì)設(shè)計(jì)與系統(tǒng)實(shí)現(xiàn)4.1功能設(shè)計(jì)1用戶注冊(cè)模塊在此模塊中用戶通過表單輸入自己的相關(guān)信息如：賬戶，密碼，性別，學(xué)號(hào)等將這些信 息保存到數(shù)據(jù)庫中，用戶就會(huì)成為該系

8、統(tǒng)的會(huì)員，就可以使用此系統(tǒng)來查詢成績(jī)了2用戶登錄模塊在此模塊中用戶在表單中輸入用戶名和密碼，系統(tǒng)根據(jù)他的用戶名查出該用戶的身份 如果他的身份是管理員，就讓他登錄到管理員的界面，如果是普通用戶，就讓他登錄到普通 用戶的界面，否則，提示該用戶是否注冊(cè)或判斷密碼是否有誤3注冊(cè)學(xué)生管理模塊此軟件定義了兩種不同的角色：管理員，普通用戶，不論是管理員還是普通用戶，都必須 通過用戶名和密碼才能進(jìn)入系統(tǒng)，管理員可以刪除己注冊(cè)的學(xué)生信息，通過表單輸入學(xué)生的 學(xué)號(hào)，將注冊(cè)用戶從數(shù)據(jù)庫刪除，也可以查詢己注冊(cè)的用戶的信息，也是通過表單輸入用戶 的學(xué)號(hào)，將注冊(cè)用戶的信息從數(shù)據(jù)庫中調(diào)出，顯示給管理員，此外，管理員還可以添

9、加新用 戶的注冊(cè)信息，通過表單，將此用戶的相關(guān)信息保存到數(shù)據(jù)庫中現(xiàn)給出添加用戶代碼如下：其他代碼請(qǐng)參考原JSP相關(guān)文件添加用戶 function checkForm()if(document.user.usend.value=,M,)(alert(H賬號(hào)必須填寫”);document.user.usend.fbcusQ;retuin (false);iRdocumeiit.userpasswdvalue=”)(alert(H密碼必須填寫!)document.user.passwd.fbcus();history.go(O);return false;if(document.user.pwdco

10、nfirm.value=MH)alert(”確認(rèn)密碼必須填寫”)；document.user.pwdcoiifum.fbcusQ;history.go(O);return false;if(document.user.passwd.value!=document.useLpwdcoiifiim.value)(alert(兩次輸入的密碼不符!” )；document.user.pwdconfirm.fbcus();return false;if(document.user.tele.value=HH)alert(”電話號(hào)碼必須填寫”)；document.user.tele.fbcusQ;retu

11、rn false;if(document.usei-.Email.value=HM)alert(H郵箱必須填寫)document.user.Email.fbcus();return false;if(document.user.Email.value.iiidexOf(,)=-l)alert(HEinail 不合法!);document.user.Email.fbcus();histoiygo(O);return false;if(?isNumber(document.user.tele.value)alert(-電話號(hào)碼必須是數(shù)字)document.user.tele.fbcus();ret

12、urn false;fiinction isNumber(str)(var temj;fdi(i=O;isUlength;i-H-)tem=str.charAt(i)if(H0123456789n.indexOf(tem)=-1)(return false;)return tme;添加用戶 (帶* * 號(hào)的內(nèi)容必須輸入)FORM action=alb2.jsp method=post naine=user onsubnut=Hieniin checkForm();n賬號(hào)：*密碼：*vtd確認(rèn)密碼：*學(xué)號(hào)：*VTRvtd身份： 普通用戶 性另lj： INPUT type=radio size=2

13、 name=sex value=男男 INPUT type=radio size=2 name=sex value=女女 電話號(hào)碼：E-mail 地址：v/TRINPUT type=subniit size=10 value=提交 VTABLEVTBODYv/BODY, HTML4學(xué)生成績(jī)管理模塊成績(jī)信息管理也是由系統(tǒng)管理員來完成的，普通用戶不行，成績(jī)信息管理包括：1成績(jī)信 息錄入2成績(jī)信息修改3成績(jī)信息刪除4成績(jī)信息查詢，成績(jī)信息錄入通過表單來實(shí)現(xiàn)的 此表單上的信息包括：學(xué)號(hào)，姓名，課程號(hào)，課程名，課程類型，課程成績(jī)，以及獲得學(xué)分 其中學(xué)號(hào)、課程號(hào)組合鍵位該表的主鍵，管理員通過表單向這幾個(gè)字

14、段里輸入相應(yīng)的信息, 就可以將該學(xué)生的成績(jī)信息保存到數(shù)據(jù)庫中，成績(jī)信息查詢，管理員通過表單輸入學(xué)號(hào)、課 程號(hào)就可以將該學(xué)生的相關(guān)成績(jī)從數(shù)據(jù)庫中調(diào)出顯示給管理員，成績(jī)信息修改，管理員通過 表單輸入學(xué)號(hào)、課程號(hào)，將該學(xué)生的原來的成績(jī)信息從數(shù)據(jù)庫中調(diào)出，然后由管理員在原來 的成績(jī)上進(jìn)行修改，然后再將修改后的成績(jī)添加到數(shù)據(jù)庫中進(jìn)行更新，成績(jī)信息刪除，管理 員通過表單輸入主鍵學(xué)號(hào)、課程號(hào)，將原來的成績(jī)信息從數(shù)據(jù)庫中刪除先給出成績(jī)信息錄入的代碼如下：其他代碼請(qǐng)參考原JSP文件 成績(jī)信息錄入 !-function checkForniQ(if(!isNumber(document.useEnum. valu

15、e)alert(”學(xué)號(hào)必須是數(shù)字”)；document.user.num.fbcus();return false;if(document.user.naine.value=HM)(alert(H姓名必須填寫!“)；.fbcusQ;return false;)if(?isNumber(um. value) alert(”課程號(hào)必須是數(shù)字)um.fbcus();return false;if(?isNumber(document.user.num. value)alertC*學(xué)號(hào)必須是數(shù)字)document.user.num.fbcusQ;return false;fiinction isNum

16、bei(str)(var temj;fbr(i=O;i成績(jī)信息錄入FORM action=xiao.jsp method=post name=nusern onsubnnt=HcheckFormQ;H學(xué)號(hào)：姓名： 課程號(hào)：vtd課程名：高等數(shù)學(xué) 大學(xué)英語option vahie=計(jì)算機(jī)組裝與維護(hù)計(jì)算機(jī)組裝與維護(hù)option value=計(jì)算機(jī)原理計(jì)算機(jī)原理option value=計(jì)算機(jī)網(wǎng)絡(luò)計(jì)算機(jī)網(wǎng)絡(luò)option vahie=數(shù)據(jù)庫原理及應(yīng)用數(shù)據(jù)庫原理及應(yīng)用option vahie=數(shù)字與模擬電路數(shù)字與模擬電路 網(wǎng)頁設(shè)計(jì)與制作option vahie=jsj編程及應(yīng)用JSP編程及應(yīng)用lmux實(shí)

17、用教程option vahie=軟件工程軟件工程oracle數(shù)據(jù)庫管理教程option value=UNIX管理與應(yīng)用UNIX管理與應(yīng)用option value=毛澤東思想概論毛澤東思想概論 課程類型：INPUT type=radio size=2 name=kc value=考查課考查課 INPUT type=radio size=2name=kc value=考試課考試課課程成績(jī)：獲得學(xué)分：INPUT type=subnut size=10 value=njfi 定INPUT type=reset value=取消 v/BODY, HTML5個(gè)人資料及成績(jī)查詢模塊該模塊是屬于普通用戶也就是

18、學(xué)生來進(jìn)行管理的，該模塊主要功能有：修改個(gè)人注冊(cè)資料, 修改個(gè)人密碼，查詢個(gè)人成績(jī)：修改個(gè)人資料，普通用戶也就是學(xué)生通過表單輸入自己的用 戶名和密碼，調(diào)出原來注冊(cè)的表單信息，在此信息上進(jìn)行修改，然后再插入數(shù)據(jù)庫中進(jìn)行更 新，修改個(gè)人密碼如上，查詢個(gè)人成績(jī)，只需在表單中輸入自己的學(xué)號(hào)，即可查出自己的成 績(jī)信息，現(xiàn)給出修改個(gè)人密碼的代碼：其他代碼參考原相關(guān)的JSP文件 賬號(hào):INPUTsize=8name=useridtype=textvalue=%=is.getStiing(MusendH)% 密碼：INPUTsize=8naine=passwdtype=textvalue=%=is.getStiing(MpasswdH)% vtd輸入新密碼：*輸入確認(rèn)密碼：*INPUT type=subnnt size=10 value=njfi 定 v/PvBODYX HTML4.2