【文章內(nèi)容簡介】 jdbc: root, )。 stmt = ()。 rs = (Select * from student)。 while (()) { ((id))。 } ()。()。()。 泰山學(xué)院本科畢業(yè)論文 14 登錄模塊 主要界面 系統(tǒng)登錄界面如圖 42所示。 圖 42 登錄界面 登錄模塊的作用是根據(jù)用戶選擇的登錄通道，相應(yīng)展現(xiàn)輸入用戶名和密碼的頁面，再根據(jù)用戶提供的用戶名和密碼到系統(tǒng)中驗證用戶身份是否合法，合法的話將根據(jù)用戶身份轉(zhuǎn)向相應(yīng)的操作頁面，不合法的話將跳轉(zhuǎn)回登錄頁面，讓用戶重現(xiàn)登錄。 視圖層設(shè)計和實現(xiàn) 登錄模塊的主頁面是 。登錄模塊提供了兩個登錄通道：教師登錄通道和學(xué)生登錄通道。頁面中隱藏著學(xué)生登錄窗口和教師登錄窗口，當(dāng)點擊頁面中的學(xué)生登錄按鈕，將展現(xiàn)學(xué)生登錄頁面，同時主頁面將 失去焦點。當(dāng)取消登錄時，焦點回到主頁面，可以重現(xiàn)選擇登錄通道。 由于一個頁面中隱藏了兩個登錄通道，為了保證系統(tǒng)的友好性，需要在不同的登錄通道中，加入了不同的提示。登錄時，用戶名和密碼均是必填項，這就需要在用戶確定登錄時進行用戶名和密碼是否為空的驗證，當(dāng)用戶名或密碼為空時將給出相應(yīng)的提示，并將光標移動到相應(yīng)的位置，用戶不用再手動定位到相應(yīng)的位置，為用戶完善登錄信息提供方便。同時，這種驗證是在客戶端瀏覽器進行的，不涉及服務(wù)端，前臺的這種初步驗證減輕了系統(tǒng)后臺和數(shù)據(jù)庫的負擔(dān)，從一定程度上提高了系統(tǒng)性能。 泰山學(xué)院本科畢業(yè)論文 15 登錄通道 的主要代碼如下： tdbutton dojoType=button onclick=sLogin()學(xué)生登錄 /button/td tdbutton dojoType=button onclick=tLogin()教師登錄 /button/td 點擊不同的登錄按鈕，可以通過執(zhí)行以下代碼分別進入不同的登錄通道： //顯示學(xué)生登錄頁面 function sLogin(){ ()。 (logTitle).innerHTML=font color=39。ff000039。學(xué)生登錄/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 是登錄表單中的一個隱藏域，用于標識是學(xué)生登錄還是教師登錄。 在登錄頁面中填寫了用戶名和密碼后，按回車鍵或點擊登錄按鈕，將執(zhí)行是否為空的校驗工作。 function keyDown(){ //響應(yīng)按下回車事件 if(==13||==42) { //回車 doLogin()。 }} 設(shè)置回車鍵后，用戶通過鍵盤輸入用戶名和密碼后不用再離開鍵盤再去移動鼠標，提高系統(tǒng)友好性，這種回車鍵在搜索引擎、郵箱登錄中應(yīng)用相當(dāng)廣泛。 用戶名和密碼是否為空的驗證代碼如下： function doLogin(){ var vuserName=[0].userName。 var vPassword =[0].password。 if(==){ alert(請輸入用戶名 )。 ()。 泰山學(xué)院本科畢業(yè)論文 16 return。 } if(==){ alert(請輸入密碼 )。 ()。 return。 } [0].submit()。 } 是否為空的驗證放到前臺完成，不用向應(yīng)用服務(wù)器提交和發(fā)送到數(shù)據(jù)庫驗證 ，減少應(yīng)用服務(wù)器和數(shù)據(jù)庫的負擔(dān)，同時也減少用戶等待時間。 現(xiàn)在應(yīng)用當(dāng)中，用戶體驗越來越被重視，本系統(tǒng)的登錄頁面中增加了另一個登錄入口，用戶可以點擊頁面頂部的 Fisheye 按鈕來進入學(xué)生登錄窗口或教師登窗口。 Fisheye 是 dojo 的一個特效組件，通過簡單的代碼就可以構(gòu)建出類似 Mac操作系統(tǒng)中的 fisheye 效果，其中構(gòu)建 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=學(xué)生登 錄 /div div dojoType=FisheyeListItem onClick=tLogin()。 iconsrc=images/ caption=教師登錄 /div 當(dāng)密碼和用戶名不為空時，表單提交到 檢查用戶名和密碼的頁面（ ）。進入該頁面后，首先進行用戶名、密碼和登錄角色這三個參數(shù)的獲取。獲得參數(shù)的代碼如下： String message=, logrole=,userName=,password=。 logrole=(logrole)。 if(logrole==null) logrole=。 logrole=codeString(logrole)。 userName=(userName)。 if(userName==null) userName=。 泰山學(xué)院本科畢業(yè)論文 17 userName=codeString(userName)。 password=(password)。 if(password==null) password=。 password=codeString(password)。 頁面中調(diào)用了 checkUser 這個類， checkUser 這個類的作用是根據(jù)提供的用戶名、密碼以及登錄角色來返回登錄信息。調(diào)用 checkuser 這個類的代碼如下： jsp:useBean id=login class= scope=session 取得參數(shù)后，將參數(shù)傳給 checkUser 類， checkUser 類獲得參數(shù)后，根據(jù)不同的登錄角色，從不同的數(shù)據(jù)庫表中查詢是否有同時符合用戶名和密碼的記錄，查詢結(jié)果不 為空的話，就證明用戶名和密碼正確，并返回用戶名和密碼正確的信息給 ，否則返回登錄失敗的信息。 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\u6B63\u786E。 } 取得相應(yīng)的驗證信息后，開始判斷驗證是否通過，通過的話，將根據(jù)用戶角色轉(zhuǎn)向不同的頁面，如果登錄失敗將轉(zhuǎn)向登錄頁面，要求用戶重新登錄。轉(zhuǎn)向主要代碼如下： if((teacher)){ (teacher/)。 泰山學(xué)院本科畢業(yè)論文 18 } else if((student)){ (student/)。 } SCRIPT language=javascript alert(用戶名或密碼錯誤，請重新登錄 )。 = 。 /SCRIPT 登錄角色為教師的話，將轉(zhuǎn)向 teacher/ 頁面，如果登錄角色是學(xué)生的話，將轉(zhuǎn)向 student/ 頁面。 教師模塊 總體頁面框架設(shè)計 教師登錄成功后，將進入如圖 43 所示 界面 ： 圖 43 教師主界面 頁面采用左 右分欄模式，右分欄中又分上下分欄。左分欄用于展現(xiàn)教師所具有的操作列表；右上分欄用于展示各操作項的詳細列表；右下分欄的作用是展現(xiàn)新增操作的頁面。 該分欄模式采用的 Dojo 中的分欄框架，三個分欄是同一個頁面，不是像傳統(tǒng)的 frameSet 或 iframe 那樣將三個不同的頁面嵌入一個頁面中。該分欄框架支持Ajax，在拉動左右或上下分界線時，將發(fā)現(xiàn)頁面局部重新加載。 教師主要職能是對整個考試系統(tǒng)的管理，包括對以下五個方面的管理： 試題泰山學(xué)院本科畢業(yè)論文 19 管理、試卷管理、考試管理、成績管理、考生管理。 管理過程主要是對各項的增加和刪除。增加過 程是先增加試題，再增加試卷，最后增加考試。因為試卷是由試題構(gòu)成的，增加試卷過程，需要選取必要的考題，所以在增加試卷前，需要先有試題，沒有試題的試卷也就沒意義。同理，考試需要試卷，在增加考試時，需要選取該考試需要的試卷，所以在增加考試前要先增加試卷。至于刪除，要先從考試刪除起，再刪除試卷，最后刪除考題。如果先從試題刪除起，使用了該考題的試卷在讀取考題時將出現(xiàn)所要讀取的試題不存在的錯誤。所以在刪除考題和試卷時，系統(tǒng)都要進行判斷，判斷該考試或試卷是否使用中，使用的話將不予刪除。 試題管理功能點 試題管理的作用 是查詢所有的試題列表、增加新的試題和刪除不用的試題。 目前的設(shè)計思考思路是，試題僅支持選擇題，這是出于評分公正性考慮，語義學(xué)剛剛起步，對于漢語語義的識別存在很大的困難，所以目前主觀題的評分還不成熟，本系統(tǒng)也主要是進行客觀題的考試，試題管理也主要是對客觀題的管理。 進入試題管理頁面時，系統(tǒng)將展現(xiàn)所有的試題列表，展現(xiàn)內(nèi)容包括每道試題的題目、四個選項的內(nèi)容以及試題的答案。在每條試題記錄前都有一個 dojo 的復(fù)選按鈕，當(dāng)選中某條記錄是，可以對本條記錄進行操作。 對試題的操作主要是增加和刪除。點擊增加按鈕時，右下將展現(xiàn) 增加操作界面。在增加頁面中可以輸入試題的題目、各個選項，以及從下拉選擇框中選中相應(yīng)的答案。在試題列表頁面中選中一條記錄后，點擊刪除按鈕，系統(tǒng)將判讀該試題是否在某張試卷使用，如果未被使用，可以刪除，否則不予刪除。 查詢試題所有列表頁面（ ）主要代碼如下： 中首先引入 question 類，如下代碼所示： %@ page import=% 然后調(diào)用 question 類的 getQuestions()方法，調(diào)用過 程如下所示： List questions = ()。 Question 類的 getQuestions()的作用的從數(shù)據(jù)庫的 question 表中查詢出所泰山學(xué)院本科畢業(yè)論文 20 有的記錄，然后通過每條記錄來構(gòu)建 Question 對象，最后將這些試題集合保存到List中。 getQuestions()的主要代碼如下所示： public static List getQuestions() { List questions = new ArrayList()。 DBConn dbconn = new DBConn()。 Connection conn = ()。 String sql = select * from question。 Statement stmt = (conn)。 ResultSet rs = (stmt, sql)。 try { while (()) { Question q = new Question()。 ((id))。 ((context))。 ((a))。 ((b))。 ((c))。 ((d))。 ((key))。 (q)。 } } catch (SQLException e) { ()。 } finally {