【正文】 } } 江蘇海事職業(yè)技術學院畢業(yè)設計（論文） 33 圖 用戶注冊界面信息驗證圖 此項功能的實現(xiàn)主要是采用了 Ajax 技術，通過該技術將用戶名傳到后臺服務器進行驗證，并將驗證結(jié)果返還到頁面中，因為相關 Ajax 代碼在前文查詢下屬城市時已經(jīng)涉及，并且頁面提醒輸出在用戶登錄頁面也已做解 釋，因此在此僅作實現(xiàn)流程介紹，如下圖 ，用戶在頁面中離開用戶名填寫框后執(zhí)行 onblur 方法，頁面執(zhí)行 script 中的 Ajax 方。遺失必填選項！/lable)。).html(lable style=39。 if(1 || 1){ $(39。password39。).val()。/spanbrbr font color=red*標內(nèi)容為必填項目！ /font input type=submit value=提交 / JavaScript 中相關函數(shù)： function check(){ var username=$(39。在本系統(tǒng)的設計中葉有該功能的應用，已用戶注冊為例，用戶在填寫注冊信息時，當光標離開用戶名填寫框，系統(tǒng)會立即執(zhí)行用戶名是否重復校驗，若用戶名已存在，則通知用戶該名稱已經(jīng)存在，并且將光標聚焦到用戶名填寫框，如下圖 ： form action=LoginAction method=post name=form1 onsubmit=javascript:return check() *用戶名： input type=text id=userName name=userName size=20 /br /span br *密碼 ： input type=password id=password name=password size=22 brbrspan id=show style=color:red。 } 江蘇海事職業(yè)技術學院畢業(yè)設計（論文） 32關代碼如下： Jsp 頁面： 2）系統(tǒng)信息驗證。 id=((City)().find(Hql,city).get(0)).getCityId()。 return cityList。 Hql=from City where superCity=?。另外，頁面中寫入 span標簽作占位符，用于設定提示信息的現(xiàn)實位置。信息驗證常見于用戶登陸名與密碼錯誤，用戶登陸信息填寫不完整，這些信息的不完善勢必會影響到用戶的正常登陸，因此，在這種情況下，系統(tǒng)將提供錯誤操作提醒，提示用戶操作的錯誤原因。 } 江蘇海事職業(yè)技術學院畢業(yè)設計（論文） 31 輸入數(shù)據(jù)的驗證 數(shù)據(jù)驗證主要的作用是避免用戶的誤操作、符合數(shù)據(jù)庫數(shù)據(jù)的存儲原則。 } } Override public ListCity queryCity(String city) { cityList = (city)。 } ()。 (())。i++){ (city![CDATA[+(i).getCityName()+]]/city)。 for(int i=0。UTF839。39。 try { PrintWriter out=()。 (UTF8)。 (text/xml。 cityList=(city)。 HttpServletResponse response=()。shi39。sheng39。 } } })。xian39。 = 1。).append((innerHtmlVar))。 $(39。 = 1。 if (sheng == cityLevel) { var len1 = (shi)。 city != ) { innerHtmlVar += option + city + /option。 if (city amp。, data : { city : cityName }, success : function(xmlData) { var innerHtmlVar = 。, url : 39。 } $.ajax({ type : 39。shi39。).val()。 if (sheng == cityLevel) { cityName = $(39。 return ().find(HQL, userName,password)。 } } Override public ListUser login(String userName, String password) { return (userName, password)。 (user, user)。 }else{ user=(0)。 public String Login() { userList = (userName, password)。頁面上通過 JavaScript 控制觸發(fā)事件的條件， Ajax 技術提交數(shù)據(jù)給對應的 Action層，由 Action 層調(diào)用 Service 層提供接口， Service 層調(diào)用到層，到層對數(shù)據(jù)庫操作獲取數(shù)據(jù)并返回。/spanbrbr font color=red*標內(nèi)容為必填項目！ /font input type=submit name=submit value=提交 / input type=reset name=reset value=重置 / /form /div div id=footer jsp:include page=../util/ / /div /div /body /html 江蘇海事職業(yè)技術學院畢業(yè)設計（論文） 27Action層： Service層： 3） 信息發(fā)布頁面 信息發(fā)布是一條信息的來源，信息發(fā)布頁面允許已登錄用戶發(fā)布自己的二手商 品信息，在信息發(fā)布時，用戶需要為該條信息指定所屬類別，需要為該條信息明確指定商品所在城市，這又助于其他用戶更加方便、準確的找到該條信息。 br br 地址 ： input type=text name= size=20 br br 姓名 ： input type=text name= size=20 br br 性別 ： input type=text name= size=20 br br 年齡 ： input type=text name= size=20 br brspan id=show style=color:red。 } } /script /head body div id=content div id=header jsp:include page=../util/ / br br br br h2 font color=red歡迎來到二手市場！ /font /h2 br br /div div id=upsidebar/div div id=main form action=AddUserAction method=post name=form1 onsubmit=return check() *用戶名： input type=text name= id=userName size=20br br *密碼 ： input type=password name= id=password size=22 br br *郵箱 ： input type=text name= size=20 id=mail onblur=39。 return false。color:red39。show39。).val()。 var mail=$(39。password39。).val()。 相關功能代碼： JSP 頁面： 江蘇海事職業(yè)技術學院畢業(yè)設計（論文） 26Action 層： head base href=%=basePath% title用戶注冊 /title link rel=stylesheet type=text/css href=css/ link rel=stylesheet type=text/css href=css/ script type=text/javascript function check(){ var username=$(39。 圖 用戶注冊界面圖 此模塊是一個典型的 SSH2 框架完成的操作，其中， struts2 的實現(xiàn)主要體現(xiàn)在 配置文件中，實現(xiàn) action 位置及方法的定義，因為比較類似于 文件且上文已做類似信息展示，因此不做展示； hibernate 框架主要體現(xiàn)在它對數(shù)據(jù)庫連接的獲取，以及它提供一定的結(jié)構(gòu)方便開發(fā) 人員更加簡便的實現(xiàn)數(shù)據(jù)操作；這里主要展示的是 spring 框架，在本系統(tǒng)中， hibernate 和 struts都被放到了 spring 框架中，由 spring 管理。 } } 江蘇海事職業(yè)技術學院畢業(yè)設計（論文） 25冊界面主要涉及的內(nèi)容是對用戶信息的持久化操作，另外，在此處提供用戶注冊時的必填信息驗證功能。 if(()==0){ return fail。 key = new String((key).getBytes(ISO88591),UTF8)。 } } public class QueryInfoAction extends ActionSupport{ HttpServletRequest request=()。 infoList=(ListInfoView)().find(Hql)。 SuppressWarnings(unchecked) public ListInfoView queryByKey(String key){ Hql=from InfoView i where like 39。 return infoList。 } /script /head body div id=content div id=header jsp:include page=../util/ / img src=imgs/ alt=二手市場 align=left height=150px div id=search brbr input type=text name=searchtext id=searchText class=textinput input type=button name=search value=搜素 onclick=searchKey() class=searchButton br /div /div div id=upsidebar jsp:include page=../util/ / /div div id=main jsp:include page=../util/ / /div div id=footer jsp:include page=../util/ / /div /div /body action name=QueryInfoByKeyAction class= method=queryByKey result name=success/pages//result result name=fail/pages//result /action 江蘇海事職業(yè)技術學院畢業(yè)設計（論文） 24 Service 層實現(xiàn)執(zhí)行操作： 2） 用戶注冊界面 用戶注冊界面即為用戶在系統(tǒng)注冊自己的賬號，擁有自己賬號的用戶享有信息發(fā)布功能，同時，在這項活動和這項功能基礎上，系統(tǒng)還將提供個人信息 查詢功能，用戶可以在登陸系統(tǒng)之后查看自己的個人信息和已經(jīng)發(fā)布的信息。QueryInfoByKeyAction?key=39。).val()。 江蘇海事職業(yè)技術學院畢業(yè)設計（論文） 22 圖 用戶信息查詢界面圖 本頁面為系統(tǒng)首頁，主要功能：通過搜索框的關鍵字查詢相關信息、通過系統(tǒng)頁面上的類型分類快速查詢相關信息、用戶登陸、用戶注冊，功能代碼如下： 1. 通過關鍵字查詢信息代碼 Jsp 頁面部分： 江蘇海事職業(yè)技術學院畢業(yè)設計（論文） 23 中對應映射信息： Actio