【文章內容簡介】 amId Varchar 考試 Id Mark Float 分數 以上各表均是基于單表設計，各表之間沒有通過外鍵等進行關聯，各實體間相互獨立，故不做 ER圖的分析。 4 在線 考試系統的 具體實現 Dojo 工具包 的引入 本系統使用 Dojo 最為前臺組件 ， 要在系統中使用 Dojo 工具包，首先需要從Dojo 的官網（ Dojo 版本 。在下載頁面中能看到如 圖 41所示信息： 泰山學院本科畢業(yè)論文 11 圖 41 Dojo下載頁面 每個文件 名 都有兩個“ ” 號 ，第一個“ ”之后的內容是版本號，第二個“ ”之后的 內容 是這個開發(fā)包所包含的組建，具體對應關系如 表 41所示： 表 41 Dojo版本 與組件 對照表 包含事件系統 ,I/O,用戶界面 包含所有功能 僅包含事件系統 最小版本 包含 widget 版本 開發(fā)的時候 可以 選擇 kitchen 版本，它包含了 dojo 所有的功能，但是在發(fā)布的時候要選擇合適的包，節(jié)省網絡流量。如果發(fā)布用的是 kitchen 版本 ， 而客戶端沒安裝 Flash 的話，客戶端會一直 出現正在 加載 頁面 ，影響用戶體驗。 本系統中是用的是 ，下載后解壓到應用的根目錄下，并將文件夾名稱改成 dojo。 Dojo 是在 Jsp 頁面和 html 頁面中引用的，引用方式如下所示 ： script type=text/javascript var djConfig = {isDebug: false}。 /script 泰山學院本科畢業(yè)論文 12 script language=JavaScript type=text/javascript (“”) (.*)。 /script 其中 var djConfig = {isDebug: false}。 作用是設置 Dojo 運行參數，這里設置不顯示調試信息。 “ src” 所指向的就是 Dojo 核心代碼 — 的路徑，要使用 Dojo 工具包，必須把它引入頁面。 (“”) 上一句的實際是 將 src / widget / 這個文件 引入頁面中，這樣就可以在頁面中使用 Dojo 的 Button 組件 ， 該語句類似 Java 語言中的 import 語句。至于 (.*)。 實際上 Dojo 會 依照 這個文件 中定義的通配符代替的語句 , 根據 當時的環(huán)境而決定加載 所需 的模塊。 數據庫連接模塊 本系統采用 JDBC 連接 MySQL 數據庫，連接步驟如下： 1. 得到數據庫驅動程序 MySQL 的 JDBC 驅動程序名稱是 ，通過()。注冊這個驅動程序。這樣就能使用這個驅動來連接 MySQL 數據庫。 2. 創(chuàng)建數據庫連接 數據庫連接是由 DriverManager 這個工廠類的 getConnection 方法獲得的。getConnection 方法在獲得連接過程中，需要數據庫連接字符串、用戶名和 密碼，MySQL 數據庫的連接字符串格式如下： 泰山學院本科畢業(yè)論文 13 jdbc: 其中 dpip 是數據庫所在主機的 ip，如果在本機，可以填寫 localhost 或 port 是數據庫的端口， MySQL 默認端口是 3306 dabatasename 是所用的數據庫 實例 名稱 3. 執(zhí)行 SQL 語句 得到數據庫連接后，可以通過連接對象的 createStatement 方法來創(chuàng)建一個Statement 對象， Statement 是 用于執(zhí)行 SQL 語句的接口。有了 Statement 對象后，可以調用 executeQuery 或 execute 方法 執(zhí)行給定的 SQL 語句 。 4. 得到結果集 Statement 執(zhí)行 executeQuery 或 execute 方法后，返回一個 Resultset 對象 ，Resultset 是用于指向結果集對象的接口，遍歷該對象就能遍歷結果集 。 5. 對結果集做相應的處理 這一步驟主要是遍歷結果集取出 相應 的記錄，根據業(yè)務需要對這些記錄進行展現等處理。 6. 關閉結果集，關閉 Statement，關閉連接 當連接完成了，就要關閉 相應 的資源以釋放內存，后打開的資源應該先關閉，所以關閉順序為：結果集 Statement 數據庫連接 。 使用 JDBC 連接 MySQL 數據庫 具體實現 主要 代碼如下： Connection conn = null。Statement stmt = null。ResultSet rs = null。 ()。 conn = ( jdbc: root, )。 stmt = ()。 rs = (Select * from student)。 while (()) { ((id))。 } ()。()。()。 泰山學院本科畢業(yè)論文 14 登錄模塊 主要界面 系統登錄界面如圖 42所示。 圖 42 登錄界面 登錄模塊的作用是根據用戶選擇的登錄通道，相應展現輸入用戶名和密碼的頁面，再根據用戶提供的用戶名和密碼到系統中驗證用戶身份是否合法，合法的話將根據用戶身份轉向相應的操作頁面，不合法的話將跳轉回登錄頁面，讓用戶重現登錄。 視圖層設計和實現 登錄模塊的主頁面是 。登錄模塊提供了兩個登錄通道：教師 登錄 通道和學生 登錄 通道。頁面中隱藏著學生登錄窗口和教師登錄窗口，當點擊 頁面中的學生登錄按鈕，將展現學生登錄頁面，同時主頁面將 失去焦點 。 當取消登錄時，焦點回到主頁面，可以重現選擇登錄通道。 由于一個頁面中隱藏了兩個登錄通道，為了保證系統的友好性，需要在不同的登錄通道中，加入了不同的提示。登錄時，用戶名和密碼均是 必填 項，這就需要在用戶確定登錄時進行用戶名和密碼是否為空的驗證，當用戶名或密碼為空 時將給出相應的提示，并將光標移動到相應的位置，用戶不用再手動定位到相應的位置，為用戶完善登錄信息提供方便。同時，這種驗證是在客戶端瀏覽器進行的，不涉及服務端，前臺的這種初步驗證減輕了系統后臺和數據庫的負擔，從一定程度上提高了系統性能。 泰山學院本科畢業(yè)論文 15 登錄通道 的 主要代碼如下： tdbutton dojoType=button onclick=sLogin()學生登錄 /button/td tdbutton dojoType=button onclick=tLogin()教師登錄 /button/td 點擊不同的登錄按鈕，可以通過執(zhí)行 以下 代碼分別進入不同的登錄通道： //顯示學生登錄頁面 function sLogin(){ ()。 (logTitle).innerHTML=font color=39。ff000039。學生登錄/font。 (logrole).value=student。 (userName).value=。 (password).value=。 } //顯示教師登錄頁面 function tLogin(){ ()。 (logTitle).innerHTML=font color=39。ff000039。教師登錄/font。 (logrole).value=teacher。 (userName).value=。 (password).value=。 } 其中 dlg0 是 Dojo 的一個對話框組建。 Logorole 是 登錄表單中的一個隱藏域， 用于標識 是學生登錄還是教師登錄。 在登錄頁面中填寫了用戶名和密碼后，按回車鍵或點擊登錄按鈕，將執(zhí)行是否為空的校驗工作。 function keyDown(){ //響應按下回車事件 if(==13||==42) { //回車 doLogin()。 }} 設置回車鍵后，用戶通過鍵盤輸入用戶名和密碼后不 用再 離開鍵盤再去移動鼠標，提高系統友好性，這種回車鍵在搜索引擎、郵箱登錄中應用相當廣泛。 用戶名和密碼是否為空的驗證代碼如下： function doLogin(){ var vuserName=[0].userName。 var vPassword =[0].password。 if(==){ alert(請輸入用戶名 )。 泰山學院本科畢業(yè)論文 16 ()。 return。 } if(==){ alert(請輸入密碼 )。 ()。 return。 } [0].submit()。 } 是否為空的驗證放到前臺完成，不用向應用服務器提交和 發(fā)送到 數據庫驗證 ，減少應用服務器和數據庫的負擔，同時也減少用戶等待時間。 現在應用當中，用戶體驗越來越被重視，本系統的登錄頁面中增加了另一個登錄入口，用戶可以點擊頁面頂部的 Fisheye 按鈕來進入學生登錄 窗口 或教師登窗口 。 Fisheye 是 dojo 的一個特效 組件 ，通過簡單的代碼就可以構建出類似 Mac操作系統中的 fisheye 效果，其中構建 dojo fisheye 效果的代碼如下： div dojoType=FisheyeList itemWidth=50 itemHeight=50 itemMaxWidth=200 itemMaxHeight=200 orientation=horizontal effectUnits=2 itemPadding=10 attachEdge=top labelEdge=bottom enableCrappySvgSupport=false div dojoType=FisheyeListItem onClick=sLogin()。 iconsrc=images/ caption=學生登 錄 /div div dojoType=FisheyeListItem onClick=tLogin()。 iconsrc=images/ caption=教師登錄 /div 當密碼和用戶名不為空時，表單提交到 檢查用戶名和密碼的頁面（ ）。進入該頁面后，首先進行用戶名、密碼和登錄角色這三個參數的獲取。 獲得參數的代碼如下： String message=, logrole=,userName=,password=。 logrole=(logrole)。 if(logrole==null) logrole=。 logrole=codeString(logrole)。 泰山學院本科畢業(yè)論文 17 userName=(userName)。 if(userName==null) userName=。 userName=codeString(userName)。 password=(password)。 if(password==null) password=。 password=codeString(password)。 頁面中調用了 checkUser 這個類， checkUser 這個類的作用是根據提供的用戶名、密碼以及登錄角色來返回登錄信息。調用 checkuser 這個類的代碼如下： jsp:useBean id=login class= scope=session 取得參數后，將參數傳給 checkUser 類， checkUser 類 獲得參數后，根據不同的登錄角色， 從 不同的數據庫表中查詢是否有同時符合用戶名和密碼的記錄，查詢結果不 為空的話，就證明用戶名和密碼正確， 并 返回用戶名和密碼正確的信息給 ，否則返回登錄失敗的信息。 checkUser 類的主要代碼如下： if((teacher)) sql = select * from teacher where username=39。 + userName + 39。 + and password = + 39。 + password + 39。 else sql = select * from student where username=39。 + userName + 39。 + and password = + 39。 + password + 39。 rs = (sql)。 (sql= + sql)。 if(()) { message = OK。 name = ((name))。 id=((id))。 } else { message = \u8F93\u5165\u7684\u7528\u6237\u540D\u6216\u5BC6\u7801\u4E0D\u