【文章內(nèi)容簡介】 、品牌型號、顏色、尺碼、類型、上市時間、進價、售價、廠家信息等。 ：包括的數(shù)據(jù)項有：用戶編號、用戶名、 、用戶密碼、妮稱、性別、角色、注冊時間等。 ：包括的數(shù)據(jù)項有：類型編號、類型名稱、父類型編號。 ：包括的數(shù)據(jù)項有：收貨人編號、用戶編號、收貨人名稱、住址、郵編、電話等。 ：包括的數(shù)據(jù)項有：欄目編號、欄目名稱。 ：包括的數(shù)據(jù)項有：訂單編號、訂單狀態(tài)、用戶編號。 ：包括的數(shù) 據(jù)項有：購物車編號、用戶編號、收貨人編號、服裝編號、服裝品牌型號、訂單號等。 數(shù)據(jù)庫概念設計以及創(chuàng)建表結構 根據(jù)上節(jié)的數(shù)據(jù)項和數(shù)據(jù)結構，可以設計出能夠滿足用戶需求的各種實體以及它們之間的關系，為后面的邏輯結構設計打下基礎。這些實體包含各種具體信息，通過相互之間的作用形成數(shù)據(jù)的 流動。 根據(jù)上面的設計規(guī)劃出的實體有：部門信息實體、文檔信息實體、員工信息實體、論壇信息實體、短信信息實體、新聞信息實體和登錄信息實體。根據(jù)實體信息創(chuàng)建如下表結構和存儲過程。 1. 服裝信息 clothing，如圖 31 所示： 圖 31服裝信息 網(wǎng)上服裝店系統(tǒng)的設計與開發(fā) 9 2. 用戶信息 user，如圖 32 所示。 圖 32用戶 信息 3. 服裝類型信息 clothingtype，如圖 33 所示。 圖 33服裝類型信息 4. 收貨人信息 consignee， 如圖 34 所示。 圖 34收貨人 信息 5. 欄目信息 itemname， 如圖 35 所示。 圖 35欄目信息 6. 訂單信息 orderform，如 如圖 36 所示。 圖 36訂單信息 網(wǎng)上服裝店系統(tǒng)設計與開發(fā) 10 7. 購物車信息 shoppingcart， 如圖 37 所示。 圖 信息 4 系統(tǒng)實現(xiàn) 前臺用戶模塊實現(xiàn) 網(wǎng)店注冊用戶登錄之用：如 41 所示： 圖 41用戶 登錄界面 如果登錄身份驗證成功，則進入主界面如圖 42 所示： 圖 42 首頁面 網(wǎng)上服裝店系統(tǒng)的設計與開發(fā) 11 如果用戶名或密碼錯誤則會提示用戶名或者密碼錯誤，需要重新輸入。 主要代碼實現(xiàn)如下： public String execute() {//獲取參數(shù) try { userName = new String((ISO88591),gb2312)。 }catch(Exception e) { (())。 } //創(chuàng)建一個歡迎的字符串 String weleStr = 。 //獲取 Session對象中的驗證碼 String sessionCode = (().getSession().get(code))。 if((sessionCode)) { //驗證用戶名和密碼 User user = new User()。 UserDaoImp userImp = new UserDaoImp()。 user = (userName, userPassword)。 if(()!=0) { ().getSession().put(user, user)。 weleStr = a href=39。/BookShop/myHome/39。 + () + /a，歡迎您！ [a href=39。/BookShop/action/UserLogoutAction39。退出登錄 /a]。 ().getSession().put(weleStr, weleStr)。 return success。 } else//用戶名或密碼輸入錯誤 { ().getSession().put(weleStr, weleStr)。 return error。 }} else//驗證碼輸入錯誤 { ().getSession().put(weleStr, weleStr)。 return error。} 用戶查看服裝詳細信息頁面如圖 43 所示： 網(wǎng)上服裝店系統(tǒng)設計與開發(fā) 12 圖 43 服裝詳細信息頁面 用戶將商品加入購物車時，系統(tǒng)要判斷用戶是否已登錄，如果登錄，則加入該用戶的購物車中 ；如果未登錄，則轉(zhuǎn)入登錄頁 面 (如圖 44 所示 )。用戶購物車頁面如圖 45所示： 圖 44 轉(zhuǎn)入登錄頁面 網(wǎng)上服裝店系統(tǒng)的設計與開發(fā) 13 圖 45 用戶購物車頁面 主要代碼如下： public String execute() {//判斷用戶是否登錄 if(().getSession().get(user) == null) { tips = 您還沒有登錄，請先登錄 ......。 return login。 } else { User user = (User)().getSession().get(user)。 //查詢該 服裝 的相關信息 Clothing book = new Clothing()。 ClothingDaoImp bookImp = new ClothingDaoImp()。 book = (clothingId)。 //向購物車中添加記錄 ShoppingCar item = new ShoppingCar()。 ShoppingCarDaoImp itemImp = new ShoppingCarDaoImp()。 (clothingId)。 (1)。 (())。 (1)。 (0)。 int row = (item)。 if(row != 0) { //查詢該用戶購物車中的所有商品 carBookItemListY = ((),1)。//已下訂單 carBookItemListN = ((),1)。//未下訂單 carBookListY = new ArrayListClothing()。//用于傳遞參數(shù)的 (已下訂單 ) 網(wǎng)上服裝店系統(tǒng)設計與開發(fā) 14 carBookListN = new ArrayListClothing()。//用于傳遞參數(shù)的 (未下訂單 ) for(int i = 0。i()。i++) { int id_book = (i).getClothingId()。 Clothing bookItem = new Clothing()。 ClothingDaoImp carBookImp = new ClothingDaoImp()。 bookItem = (id_book)。 (bookItem)。 } for(int j = 0。j()。j++) { int id_book = (j).getClothingId()。 Clothing bookItem2 = new Clothing()。 ClothingDaoImp carBookImp2 = new ClothingDaoImp()。 bookItem2 = (id_book)。 (bookItem2)。 } return success。 } else { //跳轉(zhuǎn)到出錯頁面 (向購物車中添加商品時出錯！ )。 return null。 }}} 在購物車中，用戶可以對其中的商品進行修改（修改個數(shù)、刪除商品等操作）。還可以先選擇購物車中想購買的商品，然后，點擊“購買所有選中的商品”則轉(zhuǎn)到收貨人信息編輯頁面，該頁面用 javascript 對收貨人信息進行驗證，用到了正則表達式（對電話號碼、郵箱地址等格式進行校驗）。填寫收貨人信息頁面如圖 46 所示： 網(wǎng)上服裝店系統(tǒng)的設計與開發(fā) 15 圖 46 填寫收貨人信息 頁面 對收貨人信息驗 證的 javascript 代碼如下所示： script type=text/javascript language=javascript ! //驗證表單 function validate(obj) { var objName = 。 var objValue = 。 //收貨人姓名 if(objName == consigneeName) { var objSpan = (span_consigneeName)。 if(objValue == ) { = red。 = 收貨人姓名不能為空 。 } else { =gray。 = 。 }} //街道地址 if(objName == consigneeAddress) { 網(wǎng)上服裝店系統(tǒng)設計與開發(fā) 16 var objSpan = (span_consigneeAddress)。 if(objValue == ) { = red。 = 收貨人街道不能為空 \n(也可以是鎮(zhèn)、 鄉(xiāng)、村、組 )。 } else { =gray。 = 。 }} //郵政編碼 if(objName == postCode) { var objSpan = (span_postCode)。 var regExp = /^\d{6}$/。 if(objValue == ) { = red。 = 郵政編碼不能為空 。 } else { if((objValue)) { =gray。 = 。 } else { = red。 = 郵政編碼格式不正確 。 }}} //手機 if(objName == mobilePhone) { var objSpan = (span_mobilePhone)。