【文章內(nèi)容簡介】 價格 數(shù)量 基于 B/S 的網(wǎng)上電腦超市開發(fā) 第三章 網(wǎng)上電腦超市系統(tǒng)總體設計 12 音頻、標準接口及電源屬性。商品詳細信息實體圖如圖 所示 。 圖 商品詳細信息實體 （ 6） 訂單信息 實體包括自動編號、用戶編號、收貨人姓名、收貨人身份證、地址、郵編、電話、下單時間、送貨方式、訂單狀態(tài)及備注屬性。 訂單信息 實體圖如圖 。 圖 訂單信息 實體 基本表設計 根據(jù)網(wǎng)站系統(tǒng)的具體要求，可得系統(tǒng)所需要的數(shù)據(jù)表。具體包括：管理員信息表、會員信息表、商品表、商品詳細信息表、訂單 表，訂單項表。 （ 1） 商品詳細信息表 （ productinfo） 商品詳細信息表用來存儲電腦的詳細信息， 表結構如 表 所示。 商品詳細信息 商品編碼 處理器 操作系統(tǒng) 視頻輸出 分辨率 網(wǎng)卡 內(nèi)存 自動編號 光驅(qū) 硬盤 顯示器 顯卡 顯存 鍵盤 音頻 攝像頭 電源 標準接口 訂單信息 用戶編號 收貨人姓名 身份證 訂單狀態(tài) 電話 地址 自動編號 送貨方式 郵編 下單時間 基于 B/S 的網(wǎng)上電腦超市開發(fā) 第三章 網(wǎng)上電腦超市系統(tǒng)總體設計 13 表 商品詳細信息 表 序號 列名 數(shù)據(jù)類型 長度 主鍵 說明 1 id int 11 是 自動編號 2 productid int 11 商品 id 3 cpu varchar 255 處理器 4 os varchar 40 操作系統(tǒng) 5 memory varchar 255 內(nèi)存 6 disk varchar 255 硬盤 7 card varchar 255 網(wǎng)卡 8 cdrom varchar 255 光驅(qū) 9 display varchar 255 顯示器 10 videocard varchar 255 顯卡 11 resolution varchar 255 分辨率 12 videomemory varchar 255 顯存 13 keyboard varchar 255 鍵盤 14 videooutput varchar 255 視頻輸出 15 camera varchar 255 攝像頭 16 audio varchar 255 音頻 17 standardinterface varchar 255 標準接口 18 power varchar 255 電源 19 weight varchar 255 重量 20 pdeclare varchar 255 說明 （ 2）管理員信息表（ admin） 管理員信息表保存管理員的基本信息， 結構表如 表 所示 表 管理員信息表 序號 列名 數(shù)據(jù)類型 長度 主鍵 說明 1 id int 11 是 自動編號 2 admintype int 11 管理員級別 3 adminname varchar 40 管理員用戶名 4 adminpwd varchar 16 管理員密碼 基于 B/S 的網(wǎng)上電腦超市開發(fā) 第三章 網(wǎng)上電腦超市系統(tǒng)總體設計 14 （ 3） 用戶信息表（ userinfo） 用戶信息表主要用來存儲網(wǎng)站會員的基本信息，包括用戶名、密碼等。表結構如 表 所示。 表 用戶 信息表 序號 列名 數(shù)據(jù)類型 長度 主鍵 說明 1 userid int 11 是 自動編號 2 username varchar 255 用戶名 3 password varchar 255 用戶密碼 4 sex varchar 4 性別 5 birthday varchar 255 生日 6 varchar 255 郵箱 7 question varchar 255 密碼提問 8 answer varchar 255 密碼回答 9 regdate datetime 注冊時間 （ 4）商品表（ product） 商品表用來存儲商品的信息，包括品牌、價格、數(shù)量等信息。 表結構如圖表 。 表 商品 表 序號 列名 數(shù)據(jù)類型 長度 主鍵 說明 1 productid int 11 是 自動編號 2 brand varchar 255 品牌 3 color varchar 20 顏色 4 ptype varchar 20 型號 5 size varchar 20 尺寸 6 normalpric e double 市場價 7 memberpric e double 會員價 8 picture varchar 255 圖片 9 posterpic ture varchar 255 海報 10 putawaytime datetime 上架時間 11 quantity int 11 數(shù)量 基于 B/S 的網(wǎng)上電腦超市開發(fā) 第三章 網(wǎng)上電腦超市系統(tǒng)總體設計 15 (5)訂單表（ order） 用來保存用戶購買 商品 生成的訂單，結構如表 所示。 表 訂單 表 序號 列名 數(shù)據(jù)類型 長度 主鍵 說明 1 orderid int 11 是 訂單自動編號 2 userid int 11 用戶編號 3 consigneename varchar 255 收貨人姓名 4 idcard varchar 255 收貨人身份證 5 addressname varchar 255 地址 6 zipcode int 11 郵編 7 phone int 11 電話 8 orderdate datetime 下單時間 9 courier varchar 255 送貨方式 10 orderstatus int 11 訂單狀態(tài) 11 description varchar 255 備注 (6)訂單 項 表（ orderitem） 訂單 項 表 存儲具體訂單中的一項， 結構如表 。 表 訂單項 表 序號 列名 數(shù)據(jù)類型 長度 主鍵 說明 1 id int 11 是 自動編號 2 pid int 11 商品編號 3 unitPrice double 價格 4 count int 11 數(shù)量 5 orderid int 11 訂單編號 基于 B/S 的網(wǎng)上電腦超市開發(fā) 第四章 網(wǎng)上電腦超市系統(tǒng)實現(xiàn) 16 第四章 網(wǎng)上電腦超市系統(tǒng)實現(xiàn) 程序設計 本系統(tǒng)設計的網(wǎng)站在設計過程中包含頁面（ HTML）的設計以及客戶端驗證 機制（ JavaScript）的設計。 JavaScript 也叫小腳本語言，他是一種非常流行的動 態(tài)網(wǎng)頁技術。他不僅能夠?qū)崿F(xiàn)網(wǎng)頁的動態(tài)效果，而且能夠在一定程度上檢測網(wǎng)頁的錯誤，從而在一定程度上實現(xiàn)網(wǎng)站的安全。本系統(tǒng)應用服務器端 JSP 動態(tài)網(wǎng)頁 技術，以 及在Serverlet 和 JavaBean 的可重用組件技術的支持下，結合客戶端動 態(tài)網(wǎng)頁技術 Javascript以及與 HTML 的無縫結合的設計，從而方便系統(tǒng)的實現(xiàn) 。 整個系統(tǒng)分為了前臺功能模塊和后臺功能模塊。下面詳細討論主要的幾個功能模塊的程序?qū)崿F(xiàn)。在每個模塊的介紹中，將具體說明一些涉及要點。 用戶登陸模塊設計 用戶登錄后成為會員是電腦超市系統(tǒng)中用戶進行購物的必要條件，在運行本系統(tǒng)時后，首先進入的是電子商城的首頁，用戶在沒有登陸的情況下可以查詢商城的公告信息，查看商城的各種商品等。當用戶在“用戶登錄 ”操作區(qū)域中，沒有輸入用戶名和密碼時，系統(tǒng)會通過 JavaScript 進行判斷，并給予提示。登錄界面如圖 所示。 圖 登錄界面 基于 B/S 的網(wǎng)上電腦超市開發(fā) 第四章 網(wǎng)上電腦超市系統(tǒng)實現(xiàn) 17 關鍵代碼如下： if((login)) { if(yzcode!=nullamp。amp。yzcode!=) { if(().equals(())) { try { Userinfo u = (username, password)。 (Userinfo, u)。 ().getRequestDispatcher(/) .forward(request, response)。 } catch (UserNotFoundException e) { (scriptalert(+()+)。(1)。/script)。 } catch (PasswordNotCorrectException e) { (scriptalert(+()+)。(1)。/script)。}}else{ (script)。 (alert(39。驗證碼錯誤 ,請重新輸入！ 39。)。(1)。)。 (/script)。} } else {(script)。 (alert(39。驗證碼為空，請輸入驗證碼！ 39。)。(1)。)。 (/script)。 } } 購物車模塊設計 在超級市場中，可以根據(jù)自己的需求將所選的商品放置到購物車中，然后到收銀臺去結賬，而在網(wǎng)上商城中，通常會采 用一種被稱為“購物車”的技術來模擬顯示生活中的購物車。這種技術使用起來十分的方便，不但可以隨時的添加、查看、修改、清空購物車內(nèi)的商品，還可以隨時下訂單。前臺購物車模塊的 流程 圖如圖 所示。 基于 B/S 的網(wǎng)上電腦超市開發(fā) 第四章 網(wǎng)上電腦超市系統(tǒng)實現(xiàn) 18 開 始用 戶 登 陸是 否 通 過 驗 證用 戶 進 行 購 物查 看 購 物 車收 銀 臺 結 賬清 空 購 物 車移 除 商 品修 改 商 品 數(shù) 量否是 圖 前臺購物車 流程圖 購物車界面如圖 。 圖 購物車界面 購物車關鍵代碼： (text/html。charset=gb18030)。 PrintWriter out = ()。 HttpSession session=()。 Cart c = (Cart)(cart)。 if(c == null) { c = new Cart()。 (cart, c)。} String action=(action)。 (action+action)。 if(action != null amp。amp。 ().equals(add)) { int pid=((pid))。 基于 B/S 的網(wǎng)上電腦超市開發(fā) 第四章 網(wǎng)上電腦超市系統(tǒng)實現(xiàn) 19 ProductService pService=new ProductService()。 Product p=(pid)。 Cartitem ci = new Cartitem()。 (p)。 (1)。 (ci)。 (cart, c)。 ().getRequestDispatcher(/) .forward(request, response)。 } if(action != null amp。amp。 ().equals(delete)) { int id = ((id))。 (id)。 ().getRequestDispatcher(/) .forward(request, response)。 } if(action != null amp。amp。 ().equals(update)) { for(int i=0。 i().size()。 i++) { Cartitem ci = ().get(i)。 (count:+().getProductid()+dd+requ(count))。 int count = ((p+().getProductid()))。 (count)。 } ().getRequestDispatcher(/) .forward(request, response)。 } 訂單模塊設計 生成訂單是網(wǎng)上購物系統(tǒng)的