【文章內(nèi)容簡介】 Y N Y 開始 退票 界面 退票 N 返回主頁 繼續(xù)退票 提交 信息有效性 Y 關(guān)閉窗口 結(jié)束 錯誤提示 輸入退票信息 21 第五章 系統(tǒng)的實現(xiàn)與調(diào)試 應(yīng)用系統(tǒng)的開發(fā)及測試 系統(tǒng)首頁 圖 22 產(chǎn)品說明 圖 用戶登錄及訪問權(quán)限 本系統(tǒng)設(shè)計要求用戶通過登錄框選擇訪問權(quán)限，登錄系統(tǒng)。其中，用戶須輸入用戶名和密碼，以進(jìn)入系統(tǒng)。未使用過本系統(tǒng)的用戶選擇注冊會員，系統(tǒng)自動跳轉(zhuǎn) 至主界面。系統(tǒng)用戶權(quán)限登錄訪問時，車次信息查詢、訂票信息查詢、訂票、退票等功能均可用。系統(tǒng)用戶輸入正確的用戶名和密碼，訪問系統(tǒng)，得到其相應(yīng)的權(quán)限。如圖 。 23 圖 登錄框 系統(tǒng)用戶輸入錯誤的用戶名或身份證號，系統(tǒng)拒絕其訪問。如圖 。 圖 出錯提示 新用戶在登錄窗口選擇“注冊”單選鈕，系統(tǒng)自動跳轉(zhuǎn)到注冊頁面，并控制其訪問權(quán)限，如圖 所示。 圖 新用戶權(quán)限登錄主窗體 24 車次信息查詢 對車次信息的查詢，系統(tǒng)提供了車次信息，進(jìn)行精 確的查詢，系統(tǒng)經(jīng)過檢索，返回符合用戶要求的車次，再由用戶自行選擇滿意的車次。圖 選擇查詢條件。 圖 車次查詢條件框 訂票信息查詢 對于訂票信息的查詢，本系統(tǒng)只提供一種查詢方式。由于用戶在登錄時已選擇了訪問權(quán)限，且輸入了身份證號等確認(rèn)具體身份的重要信息。故用戶可以通過菜單選項直接查詢自己的訂票信息。該信息由系統(tǒng)自動返回，簡便、快捷。 圖 訂票 訂票 系統(tǒng)用戶可以通過 兩種方式進(jìn)入到訂票環(huán)節(jié)。一是在主界面的菜單選項中，直接選擇“訂票”服務(wù)，二是用戶可以由車次查詢界面，點擊“訂票”命令，直接跳轉(zhuǎn)訂票界面。新用戶在填寫訂票信息之前，必須填寫用戶信息，以保證下次訪問系統(tǒng)時的系統(tǒng)權(quán)限不受限制。訂票信息中的訂單號由系統(tǒng)提供。如果用戶是從車次查詢界面跳轉(zhuǎn)至訂票界面的，在填寫訂票信息時，車次的相關(guān)信息由系統(tǒng)自動提供。用戶只需輸入訂票數(shù)，點擊“下一步”完成訂票交易。交易成功后，系統(tǒng)會彈出提示框，示意用戶訂票操作已成功。 新用戶通過菜單，直接進(jìn)入訂票程序，如圖 所示。首先點擊新增，激 活操作，填寫用戶信 25 息。如圖 所示。 圖 訂票信息界面 退票 系統(tǒng)進(jìn)入退票管理也是通過兩個方法來實現(xiàn)，用戶可以直接進(jìn)入退票環(huán)節(jié)，也可以從訂單查詢環(huán)節(jié)進(jìn)入。訂票相關(guān)信息由系統(tǒng)自動提供。 圖 部分代碼 登陸窗 %@ page language=java import=.* contentType=text/html。charset=gb2312 % %@ include file=../../iframe/ % jsp:useBean id=code scope=page class= / SCRIPT language=javascript //檢驗表單的合法性 26 function checklogin() { if ((/\s+$|^\s+/g,).length=0) { alert(\請 輸入您的用戶名！ )。 ()。 } else if ((/\s+$|^\s+/g,).length=0) { alert(\請輸入您的密碼！ )。 ()。 } else if((/\s+$|^\s+/g,).length=0) { alert(\請輸入驗證碼！ )。 ()。 } else if ( != ) { alert(\驗證碼錯誤！ )。 ()。 } else{ ()。 } } /SCRIPT % String message = (String)(message)。 if(message == null){ message = 。 } if (!().equals()){ (script language=39。javascript39。)。 (alert(39。+message+39。)。)。 (/script)。 } (message)。 String yzm=()。 % FORM id=form1 name=form1 action=%=basePath %?method=PAGEUSERLOGIN method=post TABLE width=600 border=0 align=center id=Table7 TBODY 27 TR height=40 TD vAlign=center align=middle colSpan=3 FONT face=宋體 /FONTBRFONT color=ff7700STRONG歡迎登陸 %=(0).toString() %/STRONG/FONT /TD/TR TR TD colSpan=3 HR class=hui align=center width=98% SIZE=1 /TD/TR TR height=60 TD align=right width=84 height=110 /TD TD noWrap align=middle width=171 TABLE width=100% border=0 TBODY TR TD width=35% height=24用戶名： /TD TD INPUT class=input_new id=username style=WIDTH: 110px size=15 maxLength=10 name=username onbeforepaste=(39。text39。,(39。text39。).replace(/[^\d]/g,39。39。)) onkeyup=value=(/[\W]/g,39。39。) value=%=(reg_user)==null?:(reg_user) % /TD /TR TR TD height=25密 碼： /TD TD height=25 INPUT class=input_new id=password style=WIDTH: 110px type=password size=15 maxLength=16 name=password onbeforepaste=(39。text39。,(39。text39。).replace(/[^\d]/g,39。39。)) 28 onkeyup=value=(/[\W]/g,39。39。) /TD /TR TR TD colspan=2 height=25input type=hidden name=reg_type value=person /TD /TR TR TD height=25驗證碼： /TD TD height=25input type=hidden name=yzm value=%=yzm % INPUT class=input_new id=checkcode size=5 maxlength=4 name=checkcode onKeyUp==(/\D/gi,39。39。) %=yzm % /TD /TR TR TD height=25/TD TD height=25input type=button value= 登錄 onClick=checklogin()/TD /TR /TBODY /TABLE /TD TD width=81 LABEL /LABEL /TD /TR TR TD vAlign=center height=20 DIV id=Login1_ValidationSummary2 style=DISPLAY: none。 COLOR: red showmessagebox=True showsummary=False/DIV/TD TD class=red1 vAlign=center A class=dhx12 href=/A /TD TD vAlign=center A href= 找回密碼 /A A href=%=basePath %注冊會員 /A 29 /TD /TR TR TD vAlign=center colSpan=3 height=22 HR class=hui align=center width=98% SIZE