【正文】 感謝在校的老師們，在我大學(xué)時間了對我們無私的幫助和教誨，通過這次設(shè)計和開發(fā)工作當(dāng)中，我深深體會到了大學(xué)所學(xué)到的基本理論知識的重要性，在大學(xué)期間只有好好學(xué)習(xí)，能夠掌握扎實的理論知識，這樣才能在以后的工作中更快的上手和學(xué)習(xí)，從而能夠在社會當(dāng)中成為一個有用的人。在批改論文中給我提出很多的寶貴意見，在最后的設(shè)計和定稿過程中提供了極大的幫助。43 / 48答 謝本系統(tǒng)在設(shè)計和實現(xiàn)過程當(dāng)中，在同學(xué)們和指導(dǎo)老師李高云老師大力支持和幫助下，在很多技術(shù)上的問題，得到了很好的解決。 Servlet 學(xué)習(xí)筆記[M]. 清華大學(xué)出版社, 2022 年 05 月[3] 孫衛(wèi)琴. Tomcat 與 Java Web 開發(fā)技術(shù)詳解[M].第 2 版. 電子工業(yè)出版社, 2022 年 01 月[4] MySQL 數(shù)據(jù)庫 API 、java 、struts2 各個技術(shù)的幫助文檔[5] (美 )Cay Gary Cornell. Core Java2 Volume I[M] 第 8 版。+()。).src=39。 onclick=(39。/input name=number type=text id=txtVerifyCodeclass=yzm_input/div class=text_left t1p class=t1span id=vcodeValidMsg請輸入圖片中的四個字母。valiImage?id=39。imgVcode39。imgVcode39。/pspan id=name_info style=color:red/span/div/td/trtrtd valign=top class=w1設(shè)置密碼：/tdtdinput name= type=password id=txtPasswordclass=text_input /div class=text_left id=passwordValidMsgp您的密碼可以由大小寫英文字母、數(shù)字組成，長度6－20位。/script/headbody%include file=../mon/%div class=login_step注冊步驟:span class=red_bold/span 功/divdiv class=fill_messageform name=ctl00 method=post action= id=fh2以下均為必填項/h2table class=tab_login trtd valign=top class=w1請?zhí)顚懩腅mail地址：/tdtdinput name= type=text id=txtEmail class=text_input/div class=text_left id=ValidMsgp請?zhí)顚懹行У腅mail地址，在下一步中您將用此郵箱接收驗證郵件。//這句不能少，如果取消了,就算表單有錯誤 也可以注冊}})。)。}else{alert(39。amp。amp。amp。amp。form39。//一個jsp可以有多個頁面加載完成后就執(zhí)行的方法$(function(){})。})。}else{$(number_info).html(驗證碼填寫錯誤)。 = true。number39。checkValiImage39。return。驗證碼不能為空39。number_info39。var val=$(this).val()。39。number_info39。).blur(function(){=false。//對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)不能提交//對txtRepeatPass進(jìn)行檢查$(39。).html(right_0+ 密碼輸入正確).css({color : 00CC00})。$(39。return。密碼長度不符合39。password_info39。amp。return。密碼不能為空39。password_info39。password=$(this).val()。39。password_info39。//這個必須加，如果不加的話，當(dāng)兩個密碼都寫好以后，當(dāng)再寫的這里的時候其實兩個密碼都不一樣了 但是還可以提交的=false。)。).blur(function(){//alert(39。//對password進(jìn)行檢查//用正則表達(dá)式,防止輸入?。?...$(39。).html(right_0+ 恭喜，用戶名可以用).css({color : 00CC00})。$(39。36 / 48return。昵稱長度不符合39。name_info39。amp。}//判斷字符長度//alert(val)。)。).html(39。//判斷是否為空if(val==){$(39。)。).html(39。//清空$(39。txtNickName39。})。}else{$(_info).html(抱歉，Email地址已被占用)。 = true。)。}//檢查郵箱唯一性(ajax)//alert(39。)。).html(39。//(...)boolean//如果格式不對，執(zhí)行以下語句if(!(val)){$(39。_AZaz09]+(\.[39。return。郵箱不能為空39。_info39。//檢查非空var val=$(this).val()。************39。)。).html(39。清空，不是指返回焦點就清空//但是不寫的話，刷新頁面也會清空啊？？？？？？//清空指的是驚醒下個if的時候，將上次的結(jié)果清空$(39。).blur(function(){//每次重新填寫的時候 清空提示信息=false。//檢查 ，先通過id找到該輸入框$(39。/。 height=39。 width=39。//客戶端檢查 注意id選擇器都要寫var right_0=img src=39。valiImage39。repeatpassword39。password39。nickname39。39。34 / 48附 錄部分代碼：(1) 用戶注冊代碼%page contentType=text/html。該系統(tǒng)具備能夠滿足小型電子商務(wù)的基本要求，主要功能包括商品瀏覽、訂單管理、登錄功能、用戶注冊等功能。圖 610 結(jié)算訂單提交訂單后會有填寫收貨地址；或者選擇收貨地址，按照更具填寫收貨地址，32 / 48填寫完成收貨地址之后，提示訂單提交成功，點擊“繼續(xù)瀏覽并選購商品” 按鈕，繼續(xù)購買商品，跳轉(zhuǎn)到主頁面。如下圖所示。 圖 67 登錄成功后界面 購物車模塊主要完成商品的數(shù)量增加，商品刪除，和刪除商品是的恢復(fù)等功能；下面是當(dāng)我們添加訂單成功后的頁面。27 / 48圖 62 用戶注冊界面圖 63 注冊郵箱驗證郵箱驗證激活圖 64 注冊成功界面 用戶登錄模塊28 / 48點擊用戶登錄會跳轉(zhuǎn)到登陸界面，當(dāng)用戶輸入正確的用戶名和密碼時候，才能夠登錄成功，圖 65 用戶登錄界面當(dāng)用戶登錄時輸入的郵箱錯誤和密碼格式輸入錯誤時 則會給予相應(yīng)的提示，同時登錄的密碼不能為空值。用戶在填寫完成信息確保注冊表單全部正確之后，進(jìn)行郵箱驗證，通過郵箱的到的驗證碼，在進(jìn)行對該用戶激活，在提交的信息成功后便可以成為本系統(tǒng)的會員。而管理員通過上述的功能，可以對本系統(tǒng)進(jìn)行相應(yīng)的管理。在 ASP 當(dāng)中，我們25 / 48可以輕松利用 Hibernate 提供了大量的封裝，很多數(shù)據(jù)操作以及關(guān)聯(lián)關(guān)系等都被封裝的很好，開發(fā)者不需寫大量的 sql 語句，這就極大的提高了開發(fā)者的開發(fā)效率。表 58 d_receive_address 數(shù)據(jù)表結(jié)構(gòu)序號 字段說明 字段名稱 數(shù)據(jù)類型1 編號 Id 自動編號2 用戶 ID User_Id Int(11)3 收貨人地址 Full_Address Varchar(200)4 收貨人姓名 Receive_Name Varchar(20)5 郵政編碼 Postal_Code Varchar(8)6 移動電話 Mobile Varchar(15)7 固定電話 Phone Varchar(20)6. 系統(tǒng)功能的具體實現(xiàn) 數(shù)據(jù)庫連接在實際的 WEB 應(yīng)用程序開發(fā)當(dāng)中，數(shù)據(jù)庫的連接是這個 WEB項目的核心。表 56 d_order 數(shù)據(jù)表結(jié)構(gòu)序號 字段說明 字段名稱 數(shù)據(jù)類型1 編號 ID Int(10)2 用戶 ID User_Id Int(10)3 狀態(tài) Status Int(10)4 訂單時間 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 移動電話 Mobile Varchar(20)10 固定電話 Phone Varchar(20)11 總價 Total_Price Double7．訂單項信息表 d_item該表存儲了訂單項的資料，該表結(jié)構(gòu)如表 57 所示。表 54 d_category 數(shù)據(jù)表結(jié)構(gòu)序號 字段說明 字段名稱 數(shù)據(jù)類型1 編號 ID Int(12)2 次數(shù) Turn Int(10)3 英文名稱 En_Name Varchar(200)4 描述 Description Varchar(200)5 名稱 Name Varchar(200)6 上級目錄 ID Parent_Id Int(10)5．商品分類信息表 d_category_product該表存儲了商品分類信息表，該表結(jié)構(gòu)如表 55 所示。表 51 d_user 數(shù)據(jù)表結(jié)構(gòu)序號 字段說明 字段名稱 數(shù)據(jù)類型1 編號 Id Int(12)2 登錄名 Email Varchar(50)3 用戶密碼 Password Varchar(50)4 用戶名 NickName Varchar(50)5 用戶等級 User_integral Int(12)6 郵箱是否激活 Email_Verify Char(3)7 郵箱激活驗證碼 Email_Verify_Code Varchar(50)8 最后登錄的時間 Last_Login_Time Bigint(20)9 最后登錄的 IP Last_Login_IP Varchar(15)2．商品大類別信息表 d_product 該表比較簡單，主要用來存儲商品的大類別信息，該表的結(jié)構(gòu)如表 52 所示表 52 d_product 數(shù)據(jù)表結(jié)構(gòu)序號 字段說明 字段名稱 數(shù)據(jù)類型1 編號 Id Int(12)2 商品名 product_name Varchar(100)3 商品描述 Description Varchar(100)4 上架時間 Add_Time Bigint(20)5 定價 Fixed_Price Double6 當(dāng)當(dāng)價 Dang_Price Double7 主要描述 Keywords Varchar(200)8 是否刪除 Has_Deleted Int(1)22 / 489 商品圖片 Product_Pic Varchar(200)3．書籍信息表 d_book該表存儲了商品的詳細(xì)信息，該表結(jié)構(gòu)如表 53 所示。本系統(tǒng)的數(shù)據(jù)庫文件名為 ，它主要由d_user、d_book 、d_order、d_item、d_category、d_category_product21 / 4d_product、d_receive_address 數(shù)據(jù)表組成。④持久層：實現(xiàn)了數(shù)據(jù)庫數(shù)據(jù)持久化和靜態(tài)數(shù)據(jù)的管理，為業(yè)務(wù)提供絕對的數(shù)據(jù)服務(wù)，是系統(tǒng)進(jìn)行數(shù)據(jù)操作的統(tǒng)一界面。18 / 48①表現(xiàn)層：所謂表現(xiàn)層就是主要負(fù)責(zé)用戶交互和結(jié)果顯示，用戶交易系統(tǒng)和管理系