【文章內容簡介】 件 功 能 網上超市的主頁面 顯示某一個購物架 把選中的商品放入購物袋 查看購物袋中的物品信息 實現退貨功能 購物袋中無商品時顯示的信息 訂貨表單 網上超市的數據庫 … … … …,一個時商品分類數據表“Category”,另一個是商品數據表“Products”,最后還有一個用來存放信息的數據表“Order”,下面分別介紹一下這3個表的結構。數據表“Category”的結構字段名稱數據類型說 明 CategoryID數 值商品分類代碼Description文 本商品分類說明數據表“Product”用來存放商品的名稱，數據表中包含“Category”中的字段“CategoryID”，根據這個字段來區(qū)分商品的類別，它的結構下表所示 數據表“Products”的結構 字段名稱 數據類型 說 明 CategoryID 數 值 商品分類代號 ProductID 文 本 商品編號 ProductName 文 本 商品名稱 Price 數 值 商品價格 Description 文 本 商品簡介 Link 文 本 商品詳細介紹的超鏈接在這個數據表中，比較特別的是Link字段，由于商品的圖片，詳細規(guī)則等會隨著商品的不同而有很大的差異，因此不可能把商品的全部信息都放在數據表中，所以在這里建立來一個超級鏈接，這樣當用戶按下此鏈接之后，可以查看商品的詳細內容。數據表“Order”是用來把訂貨信息儲存起來的。儲存訂貨信息應該包括“付款人”的信息和“收貨人”的信息,表結構如下圖所示。 數據表“Order”結構字段名稱數據名稱 說明訂貨號自動編號訂單的編號訂貨人文本訂貨人姓名收貨人文本收貨人姓名訂貨人地址文本訂貨人地址收貨人地址文本收貨人地址訂貨人電話文本訂貨人電話收貨人電話文本收貨人電話訂貨人郵編文本訂貨人的郵政編碼收貨人郵編文本收貨人的郵政編碼訂貨人信箱文本訂貨人的電子信箱收貨人信箱文本收貨人的電子信箱貨品編號文本定購商品的編號總價格文本所定購商品的總價格 數據表“guest”是存放用戶信息的，每個用戶在本超市中注冊后，他的信息就會存入這個表 數據表“guest”的結構字段名稱數據名稱說明ID自動編號用戶的編號Nicename文本用戶的昵稱Name 文本用戶的真實姓名Password文本用戶密碼Ter數值用戶電話Email文本用戶電子郵件Adder文本用戶地址Zip數值用戶郵編完成數據庫后，我們就開始著手超市的頁面設計了。（二）系統(tǒng)的頁面設計及其功能實現在這里我負責超市的各功能實現即其代碼的編寫.網上超市的主頁面用來實現把“超市”中的商品按類別區(qū)分開來，每一類都應該像一個購物架，當用戶點擊其中某一類時可進入該類商品的購物架。在我們的這個主頁面中還應該提供用戶登陸和注冊框，以及書籍的模糊查找功能。它的源代碼如下網上超市主頁面 （） 當顧客進入主頁面瀏覽時，首先要進行用戶注冊登錄，如果是老用戶則輸入其用戶名和密碼，點登錄按鈕，進入正常使用狀態(tài)，如果是新用戶則點注冊按鈕，進入注冊檢查頁面. 讓我們具體的來看看怎么設計的吧： 這里就是我們的商品分類框，點擊這個小箭頭即可去所需要的商品貨柜 。在這里，我們分為了5類商品： 教育類， 烹飪類，管理類，漫畫類，園藝類下面看看這里是怎么設計的：tr tdbr form name=form1 method=post action= p分類: select name=class2 option**看看別的**/option option selected教育類/option option烹飪類/option option管理類/option option漫畫類/option option園藝類 /option /select br input type=submit name=B1 value=提交 /p /form pamp。nbsp。/p/td /tr下面就是我們的用戶注冊界面，所有用戶如果想要在超市內購買商品，必須通過這里注冊trtd height=165 formname=form2 method=post action= p用戶名: input name=textfield3 type=text size=18 /p p密amp。nbsp。amp。nbsp。碼: input name=textfield3 type=text size=18 /p /form form action= method=post name=form4input type=submit name=Submit2 value=登錄/form form name=form5 method=post action= input type=submit name=Submit3 value=注冊 /form pamp。nbsp。/p/td /tr 在這里當用戶點擊了注冊按鈕，就進入到用戶真正的注冊畫面中了 trtd width=92span class=style6昵 amp。nbsp。amp。nbsp。 稱:span class=style5*/span/span /tdtd width=299 align=leftinput type=text name=nicename/td /tr trtdspan class=style6姓 amp。nbsp。amp。nbsp。 名:span class=style5*/span/span/td td align=leftin