【文章內(nèi)容簡(jiǎn)介】 現(xiàn)的，背景與“系統(tǒng)應(yīng)用頁(yè)面”相同，“系統(tǒng)的歡迎”以動(dòng)態(tài)小人“默林”來(lái)展現(xiàn)，通過(guò)他的動(dòng)作和頭上的語(yǔ)言框來(lái)顯示“歡迎使用SIMS學(xué)生信息管理系統(tǒng)”、“愿您在這里開(kāi)心暢游”等。4． 系統(tǒng)應(yīng)用頁(yè)面系統(tǒng)應(yīng)用頁(yè)面的頭部由logo、系統(tǒng)名稱和應(yīng)用菜單組成，在應(yīng)用菜單的下面有用戶的姓名信息和當(dāng)前的日期與星期，在系統(tǒng)的中部顯示各個(gè)功能的應(yīng)用圖示，系統(tǒng)的尾部是系統(tǒng)的版權(quán)信息，并能夠通過(guò)Email的鏈接發(fā)送郵件給系統(tǒng)的開(kāi)發(fā)者。在系統(tǒng)的右下角實(shí)時(shí)顯示當(dāng)前的時(shí)間，以鐘表的形式體現(xiàn)。系統(tǒng)應(yīng)用頁(yè)面的菜單根據(jù)用戶角色的不同顯示的菜單內(nèi)容不同。5． 數(shù)據(jù)庫(kù)連接 應(yīng)用程序訪問(wèn)數(shù)據(jù)庫(kù)首先要進(jìn)行的是連接數(shù)據(jù)庫(kù)，數(shù)據(jù)庫(kù)的連接應(yīng)用于密碼驗(yàn)證、信息顯示、信息錄入及信息更改等應(yīng)用中，本系統(tǒng)的應(yīng)用程序采用JDBC(Java DataBase Connectivity)技術(shù)來(lái)實(shí)現(xiàn)數(shù)據(jù)庫(kù)的連接訪問(wèn)，JDBC的驅(qū)動(dòng)程序可以從網(wǎng)上下載，本系統(tǒng)采用驅(qū)動(dòng)程序“Microsoft SQL server 2000 FOR JDBC”。 6． 打印功能 打印功能應(yīng)用于查詢信息的相應(yīng)模塊，用戶查詢出信息后點(diǎn)擊“打印信息”便可以彈出“打印”的頁(yè)面，設(shè)置好打印的頁(yè)數(shù)和紙張規(guī)格后便可以進(jìn)行打印。7． 娛樂(lè)游戲 娛樂(lè)游戲的設(shè)計(jì)是為了讓使用系統(tǒng)的用戶有個(gè)放松清閑的窗口，在系統(tǒng)應(yīng)用頁(yè)面點(diǎn)擊“娛樂(lè)游戲”菜單便可以進(jìn)入，這里僅提供一個(gè)游戲，類似于開(kāi)燈、關(guān)燈的游戲，頁(yè)面中有若干正方形組成的正方形窗口，里面的每個(gè)小正方形都可以看作是一盞燈，當(dāng)你用鼠標(biāo)點(diǎn)擊其中一個(gè)正方形時(shí)，你鼠標(biāo)所點(diǎn)中的正方形和與它臨近的共五個(gè)正方形的顏色就會(huì)改變（燈的亮滅狀態(tài)），淺綠色表示燈滅，黃色表示燈亮，起初所有的燈都是關(guān)閉著的（正方形程淺綠色），若通過(guò)用戶的操作能夠使所有的燈都明亮起來(lái)（正方形程黃色）則游戲過(guò)關(guān)。8． 系統(tǒng)幫助系統(tǒng)幫助頁(yè)面通過(guò)應(yīng)用頁(yè)面上的“使用幫助”菜單連接而展現(xiàn)出來(lái)的，在幫助頁(yè)面的左側(cè)有樹(shù)形菜單，點(diǎn)擊其中的一個(gè)節(jié)點(diǎn)便會(huì)在頁(yè)面的右側(cè)展現(xiàn)該節(jié)點(diǎn)對(duì)應(yīng)的內(nèi)容。 管理員角色模塊管理員角色是本系統(tǒng)中權(quán)限最高的用戶，可以對(duì)系統(tǒng)中的用戶及信息等進(jìn)行查詢、打印、增加、修改和刪除等，其中教師和學(xué)生所擁有的權(quán)限管理員都具備。管理員角色的功能分為：用戶帳號(hào)管理、用戶信息管理、學(xué)生學(xué)籍管理、學(xué)生獎(jiǎng)罰管理、學(xué)生課程管理、娛樂(lè)游戲和使用幫助。其中用戶帳號(hào)管理可以進(jìn)行的操作有：管理我的用戶、查詢所有用戶、增加新用戶和管理所有用戶；用戶信息管理可以進(jìn)行的操作有：管理我的信息、查詢所有信息和管理所有信息；學(xué)生學(xué)籍管理可以進(jìn)行的操作有：建立學(xué)生學(xué)籍、查詢學(xué)生學(xué)籍、修改學(xué)生學(xué)籍和刪除學(xué)生學(xué)籍；學(xué)生獎(jiǎng)罰管理可以進(jìn)行的操作有：查詢獎(jiǎng)勵(lì)信息、查詢懲罰信息、添加獎(jiǎng)勵(lì)信息、添加懲罰信息、管理獎(jiǎng)勵(lì)信息和管理懲罰信息；學(xué)生課程管理可以進(jìn)行的操作有：查詢課程信息、添加課程信息和管理課程信息。管理員角色的功能圖示如圖31。圖31 管理員角色功能圖示 教師角色模塊教師角色在本系統(tǒng)中的權(quán)限介于管理員和學(xué)生之間，可以對(duì)系統(tǒng)中的部分信息等進(jìn)行查詢、打印、增加、修改和刪除等，其中學(xué)生所擁有的權(quán)限教師都具備。教師角色的功能分為：我的帳號(hào)管理、我的信息管理、學(xué)生信息管理、學(xué)生學(xué)籍查詢、學(xué)生獎(jiǎng)罰管理、學(xué)生課程管理、娛樂(lè)游戲和使用幫助。其中我的帳號(hào)管理可以進(jìn)行修改密碼的操作；我的信息管理可以進(jìn)行修改信息的操作；學(xué)生信息管理可以進(jìn)行的操作有：查詢學(xué)生信息和管理學(xué)生信息；學(xué)生獎(jiǎng)罰管理可以進(jìn)行的操作有：查詢獎(jiǎng)勵(lì)信息、查詢懲罰信息、添加獎(jiǎng)勵(lì)信息、添加懲罰信息、管理獎(jiǎng)勵(lì)信息和管理懲罰信息；學(xué)生課程管理可以進(jìn)行的操作有：查詢課程信息、添加課程信息和管理課程信息。教師角色的功能圖示如圖32。圖32 教師角色功能圖示 學(xué)生角色模塊學(xué)生角色在本系統(tǒng)中的權(quán)限是最低的，可以對(duì)系統(tǒng)中關(guān)于自己的信息進(jìn)行查詢打印、和管理，對(duì)課程信息進(jìn)行查詢和打印。學(xué)生角色的功能分為：我的帳號(hào)管理、我的信息管理、我的學(xué)籍查詢、我的獎(jiǎng)罰查詢、課程信息查詢、娛樂(lè)游戲和使用幫助。其中我的帳號(hào)管理可以進(jìn)行修改密碼的操作；我的信息管理可以進(jìn)行修改信息的操作；我的獎(jiǎng)罰管理可以進(jìn)行的操作有：查詢我的獎(jiǎng)勵(lì)信息和查詢我的懲罰信息。學(xué)生角色的功能圖示如圖33。圖33 學(xué)生角色功能圖示 數(shù)據(jù)庫(kù)設(shè)計(jì) 數(shù)據(jù)庫(kù)應(yīng)用分析本系統(tǒng)的數(shù)據(jù)庫(kù)應(yīng)用采用Microsoft SQL Server 2000，需要的數(shù)據(jù)表有兩個(gè)，分別是用戶信息表userdata和課程信息表course。userdata表存放用戶的登錄用戶名、密碼、權(quán)限和用戶的基本信息、入學(xué)信息、學(xué)籍信息及獎(jiǎng)罰信息等，應(yīng)用于系統(tǒng)的登錄模塊、帳號(hào)管理模塊、用戶信息管理模塊、學(xué)生學(xué)籍管理模塊和學(xué)生獎(jiǎng)罰管理模塊。course存放課程的代碼、名稱、適用學(xué)院及內(nèi)容信息等，應(yīng)用于系統(tǒng)的學(xué)生課程管理模塊?！皵?shù)字字典”一節(jié)。 數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)數(shù)據(jù)庫(kù)的邏輯設(shè)計(jì)用ER圖來(lái)展現(xiàn)，ER圖即實(shí)體聯(lián)系圖。ER圖提供了表示實(shí)體型、屬性和聯(lián)系的方法，用來(lái)描述現(xiàn)實(shí)世界的概念模型。構(gòu)成ER圖的基本要素是實(shí)體型、屬性和聯(lián)系，其表示方法為：1) 實(shí)體型：用矩形表示，矩形框內(nèi)寫(xiě)明實(shí)體名；2) 屬性：用橢圓形表示，并用無(wú)向邊將其與相應(yīng)的實(shí)體連接起；3) 聯(lián)系：用菱形表示，菱形框內(nèi)寫(xiě)明聯(lián)系名，并用無(wú)向邊分別與有關(guān)實(shí)體連接起來(lái)，同時(shí)在無(wú)向邊旁標(biāo)上聯(lián)系的類型（1:1:n或m:n）。 本學(xué)生信息管理系統(tǒng)的數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)ER圖如圖34和圖35所示。圖34 數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)ER圖1圖35 數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)ER圖2 系統(tǒng)連接數(shù)據(jù)庫(kù)的實(shí)現(xiàn) 本系統(tǒng)連接數(shù)據(jù)庫(kù)采用JDBCODBC Bridre技術(shù)，創(chuàng)建完ODBC數(shù)據(jù)源后，在系統(tǒng)的程序頁(yè)面中應(yīng)用如下代碼便可以與數(shù)據(jù)庫(kù)進(jìn)行連接，進(jìn)而實(shí)現(xiàn)對(duì)數(shù)據(jù)的查詢、修改、插入和刪除的操作。%()。String url = jdbc:odbc:SIMS。String username = sa。String password = 。Connection con = (url,username,password)。Statement stmt=(,)。String sql = select * from userdata。ResultSet rs = (sql)。if (user!=null) {%! 網(wǎng)頁(yè)內(nèi)容的代碼寫(xiě)在此處。 %()。()。()。%第4章 系統(tǒng)詳細(xì)設(shè)計(jì) 系統(tǒng)公共模塊的設(shè)計(jì)與實(shí)現(xiàn) 系統(tǒng)登錄頁(yè)面，該頁(yè)面包括系統(tǒng)logio、系統(tǒng)名稱、登錄框、使用幫助的鏈接、與作者聯(lián)系的鏈接和版權(quán)信息。系統(tǒng)的版面設(shè)計(jì)采用CSS層疊樣式表單技術(shù)，head區(qū)域添加代碼LINK href=file/ type=text/css rel=stylesheet。系統(tǒng)登錄頁(yè)面的效果如圖41所示。圖41 系統(tǒng)登錄頁(yè)面在這個(gè)頁(yè)面中的登錄框包括用戶名的輸入、密碼的輸入、用戶角色的選擇、登錄按鈕和取消按鈕。實(shí)現(xiàn)采用的是html語(yǔ)言，當(dāng)點(diǎn)擊登錄按鈕后。在登錄框中若不輸入任何信息或漏掉某個(gè)信息則系統(tǒng)會(huì)有提示，如圖42所示?！暗卿浛蛐畔⑤斎氩蝗崾尽睂?shí)現(xiàn)采用JavaScript技術(shù)，代碼如下：script language=JavaScriptfunction checkform(){var frm= if( .value==){alert(用戶名不能為空。請(qǐng)重新輸入！)。return false。 } if(==){alert(密碼不能為空。請(qǐng)重新輸入！)。return false。 } if(()){alert(用戶名不存在或密碼錯(cuò)誤。請(qǐng)重新輸入！)。return false。 } return true。 }/script圖42 登錄框信息輸入不全提示 、密碼和用戶角色的數(shù)據(jù)進(jìn)行驗(yàn)證，若輸入的用戶名信息、密碼信息和用戶角色信息三者在數(shù)據(jù)庫(kù)中對(duì)應(yīng)不上則登錄失敗，提示頁(yè)面如圖43所示。若信息驗(yàn)證正確就會(huì)進(jìn)入系統(tǒng)，進(jìn)行應(yīng)用。圖43 登錄不成功頁(yè)面 找回密碼頁(yè)面若用戶忘記了自己的密碼而無(wú)法登錄系統(tǒng)則可以點(diǎn)擊系統(tǒng)登錄頁(yè)面登錄框下面的“忘記密碼”，點(diǎn)擊后會(huì)進(jìn)入“找回密碼頁(yè)面”，頁(yè)面如圖44所示。圖44 找回密碼頁(yè)面若用戶名信息、姓名信息和該用戶的角色信息提交后在數(shù)據(jù)庫(kù)中有對(duì)應(yīng)的記錄則會(huì)顯示該用戶的密碼信息，顯示頁(yè)面如圖45所示。找回密碼實(shí)現(xiàn)的代碼如下：%String sql = select * from userdata where username = 39。+user+39。 and role = 39。+type+39。 and name = 39。+named+39。 ResultSet rs = (sql)。 if (()) { %form id=form3 name=form3 method=post action= onSubmit=return checkform() td rowspan=3 bgcolor=FFFFCCtable width=230 height=81 border=1 align=left bordercolor=6600FF tr td width=92 height=30div align=centerstrong您的用戶名：/strong/div/tdtd width=122 height=30%=(username)%/td /tr tr td width=92 height=30div align=centerstrong您的密碼：/strong /div/tdtd width=122 height=30%=(password)%/td/trtrtd height=30div align=centerstrong您的姓名：/strong /div/tdtd width=122 height=30%=(name)%/td/tr/table/td! 頁(yè)面結(jié)構(gòu)中的部分html代碼，在此處省略。 /form % } else { %! 找回密碼失敗的頁(yè)面提示代碼，在此處省略。 % } %若用戶提供的信息錯(cuò)誤，則找回密碼失敗，頁(yè)面顯示如圖46所示。圖45 找回密碼成功頁(yè)面圖46 找回密碼失敗頁(yè)面 系統(tǒng)歡迎頁(yè)面“系統(tǒng)的歡迎”以動(dòng)態(tài)小人“默林”來(lái)展現(xiàn)，通過(guò)他的動(dòng)作和頭上的語(yǔ)言框來(lái)顯示“歡迎使用SIMS學(xué)生信息管理系統(tǒng)”、“愿您在這里開(kāi)心暢游”等，如圖47所示。圖47 系統(tǒng)歡迎頁(yè)面這個(gè)功能的實(shí)現(xiàn)采用JavaScript技術(shù)，代碼如下：SCRIPT ! function crml(nid) { try { nid=new ActiveXObject()。 = true。 ()。 return nid。 } catch (err) { return false。 } } function chplay () { if (ml=crml (ml)) { var MerlinID。 var MerlinACS。 Merlin = (MerlinID)。 ()。 (80,460)。(GestureLeft)。 (歡迎使用SMIS學(xué)生信息管理系統(tǒng)！)。 (GestureUp)。 (愿您在這里開(kāi)心暢游！)。 (愿您在這里開(kāi)心暢游！)。 (Surprised)。 (^_^！^_^！^_^！^_^！^_^！)。 ()。 } } // /SCRIPT SCRIPT ! chplay() /SCRIPT 系統(tǒng)應(yīng)用頁(yè)面系統(tǒng)應(yīng)用頁(yè)面由三部分組成，、。包含的內(nèi)容有系統(tǒng)logio、系統(tǒng)名稱、菜單欄、用戶姓名、日期、星期、信息的顯示、版權(quán)信息和右下角的時(shí)鐘等。效果如圖48所示。圖48 系統(tǒng)應(yīng)用頁(yè)面 打印功能的實(shí)現(xiàn)打印功能應(yīng)用于系統(tǒng)中與“查詢”相關(guān)的頁(yè)面，點(diǎn)擊頁(yè)面下部的“打印信息”按鈕，便會(huì)彈出打印對(duì)話框。打印效果如圖49所示。打印功能實(shí)現(xiàn)的代碼如下：form id=form100 name=form100 method=post action=JavaScript:print() onSubmit=return checkform()! 打印區(qū)域的信息代碼，這里省略 tr td rowspan=2 bgcolor=FFFFFF class=big1 STYLE8amp。nbsp。 /tdtd width=563 height=20 bordercolor=6600FF bgcolor=FFFFCC labeldiv align=centerinput type=submit name=reset value=打印信息 / /div/label /td /tr /table/form圖49 打印頁(yè)面 “娛樂(lè)游戲”模塊娛樂(lè)游戲模塊采用JavaScript技術(shù)實(shí)現(xiàn)，模塊中的游戲類似于開(kāi)燈、關(guān)燈的游戲，頁(yè)面中有若干正方形組成的正方形窗口，里面的每個(gè)小正方形都可以看作是一盞燈，當(dāng)你用鼠標(biāo)點(diǎn)擊其中一個(gè)正方形時(shí)，你鼠標(biāo)所點(diǎn)中的正方形和與它臨近的共五個(gè)正方形的顏色就會(huì)改變（燈的亮滅狀