【正文】 +()。).src=39。 onclick=(39。 / input name=number type=text id=txtVerifyCode class=yzm_input/ div class=text_left t1 p class=t1 span id=vcodeValidMsg請(qǐng)輸入圖片中的四個(gè)字母。valiImage?id=39。imgVcode39。imgVcode39。 /p span id=name_info style=color:red/span /div /td /tr tr td valign=top class=w1 設(shè)置密碼： /td td input name= type=password id=txtPassword class=text_input / div class=text_left id=passwordValidMsg p 您的密碼可以由大小寫英文字母、數(shù)字組成，長(zhǎng)度 6－ 20位。 /script /head body %include file=../mon/% div class=login_step 注冊(cè)步驟 : span class=red_bold /span 功 /div div class=fill_message form name=ctl00 method=post action= id=f h2 以下均為必填項(xiàng) /h2 table class=tab_login tr td valign=top class=w1 請(qǐng)?zhí)顚懩?Email地址： /td td input name= type=text id=txtEmail class=text_input/ div class=text_left id=ValidMsg p 請(qǐng)?zhí)顚懹行У?Email地址，在下一步中您將用此郵箱接收驗(yàn)證郵件。//這句不能少，如果取消了 ,就算表單有錯(cuò)誤 也可以注冊(cè) } })。)。 }else{ alert(39。amp。amp。amp。amp。form39。 //一個(gè) jsp可以有多個(gè)頁(yè)面加載完成后就執(zhí)行的方法 $(function(){})。 })。 }else{ $(number_info).html(驗(yàn)證碼填寫錯(cuò)誤 )。 = true。number39。checkValiImage39。 return。驗(yàn)證碼不能為空 39。number_info39。 var val=$(this).val()。39。number_info39。).blur(function(){ =false。 //對(duì) txtVerifyCode進(jìn)行檢查 $(39。).html(right_0+ 密碼一致 ).css({ color : 00CC00 })。 $(39。 return。兩次密碼不一致 39。password1_info39。+val)。 //判斷是否與前面寫的相同 //alert(password+39。)。).html(39。 $(39。)。).blur(function(){ //alert(39。 //有 bug,如果先寫了確認(rèn)密碼，則這里一定是 false，如果不再聚焦到這里 ,表單永遠(yuǎn)不能提交 //對(duì) txtRepeatPass進(jìn)行檢查 $(39。).html(right_0+ 密碼輸入正確 ).css({ color : 00CC00 })。 $(39。 return。密碼長(zhǎng)度不符合 39。password_info39。amp。 return。密碼不能為空 39。password_info39。 password=$(this).val()。39。password_info39。//這個(gè)必須加，如果不加的話，當(dāng)兩個(gè)密碼都寫好以后，當(dāng)再寫的這里的時(shí)候其實(shí)兩個(gè)密碼都不一樣了 但是還可以提交的 =false。)。).blur(function(){ //alert(39。 //對(duì) password進(jìn)行檢查 //用正則表達(dá)式 ,防止輸入！ ￥ %... $(39。).html(right_0+ 恭喜，用戶名可以用 ).css({ color : 00CC00 })。 $(39。 return。昵稱長(zhǎng)度不符合 39。name_info39。amp。 } //判斷字符長(zhǎng)度 //alert(val)。)。).html(39。 //判斷是否為空 if(val==){ $(39。)。).html(39。 //清空 $(39。txtNickName39。 })。 }else{ $(_info).html(抱歉， Email地址已被占用)。 = true。)。 } //檢查郵箱唯一性 (ajax) //alert(39。)。).html(39。 //正則表達(dá)式特有的方法 .test(...)boolean //如果 格式不對(duì)，執(zhí)行以下語句 if(!(val)){ $(39。_AZaz09]+(\.[39。 return。郵箱不能為空 39。_info39。 //檢查非空 var val=$(this).val()。************39。)。).html(39。清空，不是指返回焦點(diǎn)就清空 //但是不寫的話，刷新頁(yè)面也會(huì)清空??？？？？？？ //清空指的是驚醒下個(gè) if的時(shí)候，將上次的結(jié)果清空 $(39。).blur(function(){ //每次重新填寫的時(shí)候 清空提示信息 =false。 //檢查 ，先通過 id找到該輸入框 $(39。/。 height=39。 width=39。 //客戶端檢查 注意 id選擇器都要寫 var right_0=img src=39。valiImage39。repeatpassword39。password39。nickname39。39。 34 附 錄 部分代碼： (1) 用戶注冊(cè)代碼 %page contentType=text/html。該系統(tǒng)具備能夠滿足小型電子商務(wù)的基本要求，主要功能包括商品瀏覽、訂單管理、登錄功能、用戶注冊(cè)等功能。 圖 610 結(jié)算訂單 提交訂單后會(huì)有填寫收貨地址；或者選擇收貨地址，按照更具填寫收貨地址， 32 填寫完成收 貨地址之后，提示訂單提交成功， 點(diǎn)擊 “繼續(xù)瀏覽并選購(gòu)商品 ”按鈕，繼續(xù)購(gòu)買商品，跳轉(zhuǎn)到主頁(yè)面。如下圖所示。 圖 67 登錄成功后界面 購(gòu)物車模塊 主要完成商品的數(shù)量增加，商品刪除，和刪除商品是的恢復(fù)等功能；下面是當(dāng)我們添加訂單成功后的頁(yè)面。 27 圖 62 用戶注冊(cè)界面 圖 63 注冊(cè)郵箱驗(yàn)證 郵箱驗(yàn)證激活 圖 64 注冊(cè)成功界面 用戶登錄模塊 28 點(diǎn)擊用戶登錄會(huì)跳轉(zhuǎn)到登陸界面，當(dāng)用戶輸入正確的用戶名和密碼時(shí)候，才能夠登錄成功， 圖 65 用戶登錄界面 當(dāng)用戶登錄時(shí)輸入的郵箱錯(cuò)誤和密碼格式輸入錯(cuò)誤時(shí) 則會(huì)給予相應(yīng)的提示，同時(shí)登錄的密碼不能為空值。用戶在填寫完成信息確保注冊(cè)表單全部正確之后，進(jìn)行郵箱驗(yàn)證，通過郵箱的到的驗(yàn)證碼，在進(jìn)行對(duì)該用戶激活，在提交的信息成功后便可以成為本系統(tǒng)的會(huì)員。而管理員通過上述的功能，可以對(duì)本系統(tǒng)進(jìn)行相應(yīng)的管理。在 ASP 當(dāng)中，我們可以 25 輕松利用 Hibernate 提供了大量的封裝，很多數(shù)據(jù)操作 以及關(guān)聯(lián)關(guān)系等都被封裝的很好，開發(fā)者不需寫大量的 sql語句，這就極大的提高了開發(fā)者的開發(fā)效率。 表 58 d_receive_address 數(shù)據(jù)表結(jié)構(gòu) 序號(hào) 字段說明 字段名稱 數(shù)據(jù)類型 1 編號(hào) Id 自動(dòng)編號(hào) 2 用戶 ID User_Id Int(11) 3 收貨人地址 Full_Address Varchar(200) 4 收貨 人姓名 Receive_Name Varchar(20) 5 郵政編碼 Postal_Code Varchar(8) 6 移動(dòng)電話 Mobile Varchar(15) 7 固定電話 Phone Varchar(20) 6. 系統(tǒng)功能的具體實(shí)現(xiàn) 數(shù)據(jù)庫(kù)連接 在實(shí)際的 WEB應(yīng)用程序開發(fā)當(dāng)中，數(shù)據(jù)庫(kù)的連接是這個(gè) WEB項(xiàng)目的核心。 表 56 d_order 數(shù)據(jù)表結(jié)構(gòu) 序號(hào) 字段說明 字段名稱 數(shù)據(jù)類型 1 編號(hào) ID Int(10) 2 用戶 ID User_Id Int(10) 3 狀態(tài) Status Int(10) 4 訂單時(shí)間 Order_Time Bigint(20) 5 訂單描述 Order_Desc Varchar(100) 6 收貨人名稱 Receive_Name Varchar(100) 7 收獲地址 Full_Address Varchar(200) 8 郵編 Postal_Code Varchar(8) 9 移動(dòng)電話 Mobile Varchar(20) 10 固定電話 Phone Varchar(20) 11 總價(jià) Total_Price Double 7．訂單項(xiàng)信息表 d_item 該表存儲(chǔ)了訂單項(xiàng)的資料，該表結(jié)構(gòu)如表 57所示。 表 54 d_category 數(shù)據(jù)表結(jié)構(gòu) 序號(hào) 字段說明 字段名稱 數(shù)據(jù)類型 1 編號(hào) ID Int(12) 2 次數(shù) Turn Int(10) 3 英文名稱 En_Name Varchar(200) 4 描述 Description Varchar(200) 5 名稱 Name Varchar(200) 6 上級(jí)目錄 ID Parent_Id Int(10) 5．商品分類信息表 d_category_product 該表存儲(chǔ)了商品分類信息表，該表結(jié)構(gòu)如表 55所示。 表 51 d_user 數(shù)據(jù)表結(jié)構(gòu) 序號(hào) 字段說明 字段名稱 數(shù)據(jù)類型 1 編號(hào) Id Int(12) 2 登錄名 Email Varchar(50) 3 用戶密碼 Password Varchar(50) 4 用戶名 NickName Varchar(50) 5 用戶等級(jí) User_integral Int(12) 6 郵箱是否激活 Email_Verify Char(3) 7 郵箱激活驗(yàn)證碼 Email_Verify_Code Varchar(50) 8 最后登錄的時(shí)間 Last_Login_Time Bigint(20) 9 最后登錄的 IP Last_Login_IP Varchar(15) 2．商品大類別信息表 d_product 該表比較簡(jiǎn)單，主要用來存儲(chǔ)商品的大類別信息，該表的結(jié)構(gòu)如表 52所示 表 52 d_product 數(shù)據(jù)表結(jié)構(gòu) 序號(hào) 字段說明 字段名稱 數(shù)據(jù)類型 1 編號(hào) Id Int(12) 2 商品名 product_name Varchar(100) 3 商品描述 Description Varchar(100) 4 上架時(shí)間 Add_Time Bigint(20) 5 定價(jià) Fixed_Price Double 6 當(dāng)當(dāng)價(jià) Dang_Price Double 7 主要描述 Keywords Varchar(200) 8 是否刪除 Has_Deleted Int(1) 22 9 商品圖片 Product_Pic Varchar(200) 3．書籍信息表 d_book 該表存儲(chǔ)了商品的詳細(xì)信息，該表