【正文】 （論文） 33 圖 用戶注冊(cè)界面信息驗(yàn)證圖 此項(xiàng)功能的實(shí)現(xiàn)主要是采用了 Ajax 技術(shù)，通過(guò)該技術(shù)將用戶名傳到后臺(tái)服務(wù)器進(jìn)行驗(yàn)證，并將驗(yàn)證結(jié)果返還到頁(yè)面中，因?yàn)橄嚓P(guān) Ajax 代碼在前文查詢下屬城市時(shí)已經(jīng)涉及，并且頁(yè)面提醒輸出在用戶登錄頁(yè)面也已做解 釋，因此在此僅作實(shí)現(xiàn)流程介紹，如下圖 ，用戶在頁(yè)面中離開(kāi)用戶名填寫框后執(zhí)行 onblur 方法，頁(yè)面執(zhí)行 script 中的 Ajax 方。遺失必填選項(xiàng)！/lable)。 if(1 || 1){ $(39。).val()。在本系統(tǒng)的設(shè)計(jì)中葉有該功能的應(yīng)用，已用戶注冊(cè)為例，用戶在填寫注冊(cè)信息時(shí)，當(dāng)光標(biāo)離開(kāi)用戶名填寫框，系統(tǒng)會(huì)立即執(zhí)行用戶名是否重復(fù)校驗(yàn)，若用戶名已存在，則通知用戶該名稱已經(jīng)存在，并且將光標(biāo)聚焦到用戶名填寫框，如下圖 ： 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。 id=((City)().find(Hql,city).get(0)).getCityId()。 Hql=from City where superCity=?。信息驗(yàn)證常見(jiàn)于用戶登陸名與密碼錯(cuò)誤，用戶登陸信息填寫不完整，這些信息的不完善勢(shì)必會(huì)影響到用戶的正常登陸，因此，在這種情況下，系統(tǒng)將提供錯(cuò)誤操作提醒，提示用戶操作的錯(cuò)誤原因。 } } Override public ListCity queryCity(String city) { cityList = (city)。 (())。 for(int i=0。39。 (UTF8)。 cityList=(city)。shi39。 } } })。 = 1。 $(39。 if (sheng == cityLevel) { var len1 = (shi)。 if (city amp。, url : 39。shi39。 if (sheng == cityLevel) { cityName = $(39。 } } Override public ListUser login(String userName, String password) { return (userName, password)。 }else{ user=(0)。頁(yè)面上通過(guò) JavaScript 控制觸發(fā)事件的條件， Ajax 技術(shù)提交數(shù)據(jù)給對(duì)應(yīng)的 Action層，由 Action 層調(diào)用 Service 層提供接口， Service 層調(diào)用到層，到層對(duì)數(shù)據(jù)庫(kù)操作獲取數(shù)據(jù)并返回。 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。 return false。show39。 var mail=$(39。).val()。 圖 用戶注冊(cè)界面圖 此模塊是一個(gè)典型的 SSH2 框架完成的操作，其中， struts2 的實(shí)現(xiàn)主要體現(xiàn)在 配置文件中，實(shí)現(xiàn) action 位置及方法的定義，因?yàn)楸容^類似于 文件且上文已做類似信息展示，因此不做展示； hibernate 框架主要體現(xiàn)在它對(duì)數(shù)據(jù)庫(kù)連接的獲取，以及它提供一定的結(jié)構(gòu)方便開(kāi)發(fā) 人員更加簡(jiǎn)便的實(shí)現(xiàn)數(shù)據(jù)操作；這里主要展示的是 spring 框架，在本系統(tǒng)中， hibernate 和 struts都被放到了 spring 框架中，由 spring 管理。 if(()==0){ return fail。 } } public class QueryInfoAction extends ActionSupport{ HttpServletRequest request=()。 SuppressWarnings(unchecked) public ListInfoView queryByKey(String key){ Hql=from InfoView i where like 39。 } /script /head body div id=content div id=header jsp:include page=../util/ / img src=imgs/ alt=二手市場(chǎng) 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è)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 24 Service 層實(shí)現(xiàn)執(zhí)行操作： 2） 用戶注冊(cè)界面 用戶注冊(cè)界面即為用戶在系統(tǒng)注冊(cè)自己的賬號(hào)，擁有自己賬號(hào)的用戶享有信息發(fā)布功能，同時(shí)，在這項(xiàng)活動(dòng)和這項(xiàng)功能基礎(chǔ)上，系統(tǒng)還將提供個(gè)人信息 查詢功能，用戶可以在登陸系統(tǒng)之后查看自己的個(gè)人信息和已經(jīng)發(fā)布的信息。).val()。 系統(tǒng)界面展示 及相關(guān)實(shí)現(xiàn)代碼 本系統(tǒng)涉及多個(gè)頁(yè)面，本論文只選取幾個(gè)主要頁(yè)面作為展示說(shuō)明： 1） 用戶信息查詢界面 用戶查詢界面主要按照系統(tǒng)分類提供常用搜索物品的超鏈接，用戶在首頁(yè)面就可以看到大多數(shù)常用商品的搜索鏈接；另外，系統(tǒng)搜索界面提供關(guān)鍵字搜索，用戶可以在搜索框輸入自己想要查詢的物品的關(guān)鍵字，頁(yè)面提交數(shù)據(jù)到指定Action，此時(shí)的 Action 指定類的指定方法是通過(guò) 中的映射文件來(lái)獲得，該 Action 類調(diào)用 Service 層接口， Service 類調(diào)用 Dao 層方法， Dao 層訪問(wèn)數(shù)據(jù)庫(kù)，實(shí)現(xiàn)對(duì)數(shù)據(jù)的持久化操作 。本系統(tǒng)顏色的搭配原則是采用比較淡的顏色作為主色調(diào)，對(duì)其他一些模塊的顏色，進(jìn)行稍微加深或者減淺，盡量做到不給用戶某一模塊特別突兀的感覺(jué)。界面功能布局合理，操作方便，不奢求很炫的效果和華麗的外觀。因?yàn)樾畔⒈泶鎯?chǔ)的內(nèi)容較大，關(guān)聯(lián)的信息較多，如果頁(yè)面的每一次查詢都是直接在信息表中查詢的話，必然帶來(lái)兩個(gè)直接問(wèn)題：一是查詢一條信息所要檢索的字段更多，對(duì)查詢效率有一定影響；二是當(dāng)查詢一條信息時(shí)，頁(yè)面上要顯示物品所在地時(shí)，系統(tǒng)還需要通過(guò)信息表中的 city_id 字段去查詢 city_tb 中的 city_name字段，這樣必然很麻煩，因此，再次引入 info_view 視圖。表結(jié)構(gòu)如圖 所示。 圖 城市表結(jié)構(gòu) city_id：城市標(biāo)識(shí)字段 city_name：城市名稱描述 city_level：城市等級(jí)劃分，主要用戶區(qū)分省、市、縣等劃分區(qū)域 super_city：城市所屬城市標(biāo)識(shí) 4）信 息表（ info_tb） 負(fù)責(zé)信息存儲(chǔ)，用于用戶信息查詢、篩選。表結(jié)構(gòu)如圖 所示。 數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì) 數(shù)據(jù)庫(kù)用于存儲(chǔ)系統(tǒng)中涉及到的數(shù)據(jù)，實(shí)現(xiàn)主要數(shù)據(jù)的持久化功能，另外，有些數(shù)據(jù)還用于頁(yè)面的現(xiàn)實(shí)條用，例如城市表中的下屬城市信息還用于頁(yè)面的動(dòng)態(tài)獲取展示，這些信息在需要使用的時(shí)候從數(shù)據(jù)庫(kù)查詢調(diào)用，減少頁(yè)面的加載負(fù)荷，保證了系統(tǒng)運(yùn)行的順暢。 4）用戶信息發(fā)布模塊，用戶信息發(fā)布模塊建立在用戶具有用戶賬號(hào)和已登錄的情況下，需要發(fā)布信息的用戶必須擁有自己的賬號(hào)來(lái)標(biāo)示自己的信息，該功能模塊下，用戶可以選擇自己要發(fā)布的商品信息的所屬類別、設(shè)定商品的期望出售價(jià)格、填寫自己的聯(lián)系方式等。 以下是對(duì)各個(gè)模塊的具體說(shuō)明： 1）用戶登陸與注冊(cè)模塊，該模塊負(fù)責(zé)用戶賬戶的注冊(cè)、登陸和修改功能，基于 MVC 系統(tǒng)的二手市場(chǎng) 用戶個(gè)人中心模塊 用戶登陸與注冊(cè)模塊 用戶信息索引模塊 用戶信息發(fā)布模塊 數(shù)據(jù)庫(kù)操作模塊 圖 系統(tǒng)功能模塊圖 江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 16同時(shí)提供對(duì)已登陸用戶名的保存功能，使用戶在一次連接中不用再次登陸。 2) 有利于對(duì)系統(tǒng)的更改和維護(hù)，由于系統(tǒng)本身運(yùn)行在服務(wù)器端，因此對(duì)服務(wù)器方的更改即可影響到所有客戶端的訪問(wèn)數(shù)據(jù)。 系統(tǒng) Web Content 目錄下存放自定義文件夾 imgs、 css、 js、 pages、 util 和 頁(yè)面，其中 imgs 文件夾主要是提供所需圖片的調(diào)用， css 文件中存放頁(yè)面布局信息，供頁(yè)面元素調(diào)用， js 文件夾中為 JavaScript 信息，頁(yè)面中的控件通過(guò) JavaScript 腳本實(shí)現(xiàn)部分功能， pages 存放多數(shù)頁(yè)面，在本系統(tǒng)中其優(yōu)勢(shì)不明顯，在大型系統(tǒng)中，分類的頁(yè)面存儲(chǔ)為日后的升級(jí)、維護(hù)提供了極大的方便，util 文件夾主要存放一些組件頁(yè)面 ，例如本系統(tǒng)中首頁(yè)由 、 、 頁(yè)面組成，頁(yè)面組合的應(yīng)用增強(qiáng)了代碼的復(fù)用性，降低了資源浪費(fèi)； 頁(yè)面是系統(tǒng)的入口，它提供首頁(yè)的跳江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 15轉(zhuǎn)操作，解決系統(tǒng)首頁(yè)直接加載時(shí)因?yàn)?css 文件名稱的沖突而帶來(lái)的頁(yè)面非正常顯示現(xiàn)象。例如在登陸系統(tǒng)時(shí)用戶名及密碼錯(cuò)誤、密碼為空等常見(jiàn)用戶誤操作行為。 5)易于升級(jí)。 3)友好的操作界面。系統(tǒng)本身的出發(fā)點(diǎn)就是完成一項(xiàng)功能，所以，本條目標(biāo)的實(shí)現(xiàn)代表著 系統(tǒng)完成程度的關(guān)鍵評(píng)判因素。另外，系統(tǒng)提供分類查詢功能，方便用戶按種類細(xì)化查詢條件。從技術(shù)本身來(lái)說(shuō)，由于本系統(tǒng)的功能比較少，技術(shù)上主要涉及 SSH2 框架、 JSP、 Ajax 和 CSS 技術(shù)，皆是當(dāng)前的主流技術(shù)，因此有關(guān)查詢資料比較豐富，可參 考文件較多，為實(shí)現(xiàn)本系統(tǒng)提供了有力的保障；其次，本系統(tǒng)的設(shè)計(jì)中不涉及硬件及其他配套設(shè)備，基本上不需要投入其他資金，因此不存在經(jīng)濟(jì)上的困難；第三，本系統(tǒng)功能比較小，所有設(shè)計(jì)與制作均出自一人之手，后期維護(hù)也由同一人承擔(dān)，不涉及相關(guān)技術(shù)不了解的情況，不存在管理上的難度。 ，該階段的主要內(nèi)容是根據(jù)系統(tǒng)各個(gè)功能的關(guān)聯(lián)，設(shè)計(jì)系統(tǒng)架構(gòu)，在此階段對(duì)系統(tǒng)具體功能模塊的設(shè)計(jì)不做考慮。 CSS 能夠根據(jù)不同使用者的理解能力，簡(jiǎn)化或者優(yōu)化寫法，針對(duì)各類人群，有較強(qiáng)的易讀性。 本系統(tǒng)中涉及到的 Ajax 的應(yīng)用主要體現(xiàn)在頁(yè)面信息驗(yàn)證、下屬城市的動(dòng)態(tài)獲取，通過(guò)該技術(shù)，系統(tǒng)在不發(fā)生頁(yè)面跳轉(zhuǎn)的情況下完成前后臺(tái)的數(shù)據(jù)交互。 由于每當(dāng)用戶提交輸入，服務(wù)器就會(huì)返回新網(wǎng)頁(yè)，傳統(tǒng)的 web 應(yīng)用程序往往運(yùn)行緩慢，且越來(lái)越不友好。 Ajax 介紹 Ajax 并不是一種新的編程語(yǔ)言，而僅僅是一種新的技術(shù)，它可以創(chuàng)建更好、更快且交互性更強(qiáng)的 web 應(yīng)用程序。 SQL Server 的最新版本不僅是迄今為止 SQL Server 的最大發(fā)行版本，而且是最為可靠安全的版本。 SQL Server 20xx 數(shù)據(jù)庫(kù)引擎為關(guān)系型數(shù)據(jù)和結(jié)構(gòu)化數(shù)據(jù)提供了更安全可靠的存儲(chǔ)功能，使 用戶 可以構(gòu)建和管理用于業(yè)務(wù)的高可用和高性能的數(shù)據(jù)應(yīng)用程序。從某種程度上來(lái)講， Struts2 沒(méi)有繼承 Struts 1 的血統(tǒng)， 而是繼承 Web Work 的血統(tǒng)。從簡(jiǎn)單性、可測(cè)試性和松耦合的角度而言，任江蘇海事職業(yè)技術(shù)學(xué)院畢業(yè)