【正文】 ty name=dangdang/property property name= jdbc: /property property name=root/property property name=root/property property name= /property property name=dialect /property property name=show_sqltrue/property mapping resource=/xbmu/dang/pojo/ / mapping resource=/xbmu/dang/pojo/ / mapping resource=/xbmu/dang/pojo/ / mapping resource=/xbmu/dang/pojo/ / mapping resource=/xbmu/dang/pojo/ / mapping resource=/xbmu/dang/pojo/ / mapping resource=/xbmu/dang/pojo/ / mapping resource=/xbmu/dang/pojo/ / /sessionfactory /hibernateconfiguration 網(wǎng)站首頁(yè) 用戶(hù)瀏覽本系統(tǒng) 以后，可以網(wǎng)站首頁(yè)有多個(gè)模塊，主要包含購(gòu)物車(chē)、登錄等，用戶(hù)可以瀏覽自己想要瀏覽的書(shū)籍，注冊(cè)會(huì)員等。 26 26 圖 61 系統(tǒng)主頁(yè) 用戶(hù)模塊 用戶(hù)注冊(cè)管理 在本系統(tǒng)當(dāng)中，注冊(cè)比較簡(jiǎn)單，主要是為了節(jié)省注冊(cè)時(shí)間和減少冗余的信息登錄，方便用戶(hù)的注冊(cè)。同時(shí)用戶(hù)所填寫(xiě)的所有信息都會(huì)保存在后臺(tái)數(shù)據(jù)庫(kù)中的 d_user 表當(dāng)中。如圖所示， 29 圖 66 測(cè)試登錄界面圖 30 當(dāng)?shù)卿洺晒χ螅瑒t會(huì)跳轉(zhuǎn)到商品瀏覽頁(yè)面，在頁(yè)面前面會(huì)顯示 “您好 maxianhai，歡迎光臨當(dāng)當(dāng)網(wǎng) [ 登出 ] [ 注冊(cè) ]”字樣，如下圖所示。 圖 68 添加購(gòu)物車(chē)成功 31 當(dāng)刪除部分書(shū)時(shí)，就會(huì)把刪除的書(shū)放到地下恢復(fù)欄當(dāng)中，可以隨時(shí)的恢復(fù)刪除的書(shū)籍。 圖 69 刪除書(shū)籍顯示恢復(fù)欄 點(diǎn)擊結(jié)算來(lái)確認(rèn)你要提交的訂單， 當(dāng)訂單確認(rèn)后點(diǎn)擊即下一步，會(huì)填寫(xiě)收貨地址。 33 結(jié) 論 該系統(tǒng)是借助 MySQL為數(shù)據(jù)庫(kù)開(kāi)發(fā)平臺(tái)，通過(guò) Tomcat應(yīng)用服務(wù)器，采用 JSP(Java Server Pages)技術(shù)，結(jié)合 Struts2和 Hibernate框架，來(lái) 實(shí)現(xiàn)小型動(dòng)態(tài)網(wǎng)上購(gòu)書(shū)系統(tǒng)。 本系統(tǒng)對(duì)于消費(fèi)者來(lái)說(shuō)，具有可以在家 “逛商店 ”、訂貨不受時(shí)間和地點(diǎn)限制來(lái)滿(mǎn)足人們足不出門(mén)就能夠買(mǎi)到自 己想要的書(shū)籍，從而大大減少用戶(hù)購(gòu)物的時(shí)間；這樣對(duì)商家來(lái)說(shuō)，可以通過(guò)互聯(lián)網(wǎng)技術(shù)對(duì)市場(chǎng)信息的適當(dāng)?shù)姆答?，?lái)調(diào)整自己的經(jīng)營(yíng)策略，從而來(lái)提高企業(yè)的經(jīng)營(yíng)效率和競(jìng)爭(zhēng)壓力；本系統(tǒng)經(jīng)過(guò)功能上的擴(kuò)展，可以供中小規(guī)模公司使用，因此本文設(shè)計(jì)與實(shí)現(xiàn)的網(wǎng)絡(luò)購(gòu)物系統(tǒng)具有實(shí)際意義。charset=utf8% !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head title用戶(hù)注冊(cè) 海淘 網(wǎng) /title link href=../css/ rel=stylesheet type=text/css / link href=../css/ rel=stylesheet type=text/css / script type=text/javascript //加上這個(gè)以后 ，最后點(diǎn)注冊(cè)的時(shí)候，最好先點(diǎn)一次空白處 var flag={39。:false,39。:false,39。:false,39。:false,39。:false}。../images/39。1639。1639。 $(function(){ var password=。txtEmail39。 //清空指的是刷新頁(yè)面后。_info39。39。 //alert(39。)。 if(val==){ $(39。).html(39。)。 } //檢查 Email格式 var 35 pattern=/\b(^[39。_AZaz09]+)*([AZaz09])+(\.[AZaz09]+)*((\.[AZaz09]{2,})|(\.[AZaz09]{2,}\.[AZaz09]{2,}))$)\b/。_info39。郵箱格式錯(cuò)誤 39。 return。39。 $.post( , {val}, function(data){//data是服務(wù)器返回的 ok值 ,注意 data的拼寫(xiě) if(data){ //alert(data)。 $(_info).html(right_0+ 恭喜，郵箱可以).css({ color : 00CC00 })。 } } )。 //對(duì) nickname進(jìn)行檢查 $(39。).blur(function(){ =false。name_info39。39。 var val=$(this).val()。name_info39。昵稱(chēng)不能為空 39。 return。 if(!(=4amp。=20)){ 36 $(39。).html(39。)。 } =true。name_info39。 })。txtPassword39。39。 =false。 $(39。).html(39。)。 //判斷是否為空 if(password==){ $(39。).html(39。)。//基本每次判斷完都要返回，要不可能出現(xiàn)下一級(jí)比較的結(jié)果 } //判斷字符長(zhǎng)度 if(!(=6amp。=20)){ $(39。).html(39。)。 } =true。password_info39。 })。txtRepeatPass39。39。 =false。password1_info39。39。 var val=$(this).val()。,39。 37 if(val!=password){ $(39。).html(39。)。//基本每次判斷完都要返回，要不可能出現(xiàn)下一級(jí)比較的結(jié)果 } =true。password1_info39。 })。txtVerifyCode39。 $(39。).html(39。)。 //判斷是否為空 if(val==){ $(39。).html(39。)。//基本每次判斷完都要返回，要不可能出現(xiàn)下一級(jí)比較的結(jié)果 } //判斷驗(yàn)證碼是否正確 $.post( 39。, {39。:val}, function(data){//data是服務(wù)器返回的 ok值 ,注意 data的拼寫(xiě) if(data){ //alert(data)。 $(number_info).html(right_0+ 驗(yàn)證碼正確).css({ color : 00CC00 })。 } } )。 })。 //判斷表單是否可以提交 38 $(function(){ $(39。).submit(function(){ //這里沒(méi)有加上第二次輸入的密碼的結(jié)果判斷，等最后密碼判斷了再加上 if( amp。 amp。 amp。 amp。 ){ return true。請(qǐng)?zhí)顚?xiě)正確的格式和信息 39。 return false。 })。 /p span id=_info style=color:red/span /div 39 /td /tr tr td valign=top class=w1 設(shè)置您在 海淘 網(wǎng)的昵稱(chēng)： /td td input name= type=text id=txtNickName class=text_input / div class=text_left id=nickNameValidMsg p 您的昵稱(chēng)可以由小寫(xiě)英文字母、中文、數(shù)字組成， /p p 長(zhǎng)度 4－ 20個(gè)字符，一個(gè)漢字為兩個(gè)字符。 /p span id=password_info style=color:red/span /div /td /tr tr td valign=top class=w1 再次輸入您設(shè)置的密碼： /td td 40 input name=password1 type=password id=txtRepeatPass class=text_input/ div class=text_left id=repeatPassValidMsg span id=password1_info style=color:red/span /div /td /tr tr td valign=top class=w1 驗(yàn)證碼： /td td ! 這里不用加隨機(jī)數(shù)嗎？不用看不清換一張的時(shí)候加 img alt=驗(yàn)證碼 class=yzm_img id=39。 src= onclick=(39。).src=39。+om()。 /span span id=number_info style=color:red/span a href=javascript:。imgVcode39。valiImage?id=39。 看不清楚？換個(gè)圖片 /a /p /div /td /tr /table div class=login_in input id=btnClientRegister class=button_1 name=submit type=submit value=注 冊(cè) / /div 41 /form /div %include file=../mon/% /body /html (2) WEB配置文件代碼 ?xml version= encoding=UTF8? webapp version= xmlns= xmlns:xsi= xsi:schemaLocation= filter filternamedangdang/filtername filterclassr/filterclass /filter filtermapping filternamedangdang/filtername urlpattern/*/urlpattern /filtermapping ! struts框架下歡迎頁(yè)面只需要在 ，這里已經(jīng)用不上了 ! ! struts框架下錯(cuò)誤頁(yè)面只需要在 ，這里已經(jīng)用不上了 struts框架下的錯(cuò)誤頁(yè)面還是有一些問(wèn)題，最好在這里再配置一下，雙保險(xiǎn) errorpage errorcode500/errorcode location//location /error