系統(tǒng)前臺基本功能設(shè)計與實現(xiàn)

1、系統(tǒng)前臺基本功能設(shè)計與實現(xiàn) 本節(jié)對系統(tǒng)前臺主要功能設(shè)計進行詳細的說明 541用戶維護模塊設(shè)計與實現(xiàn) 由于網(wǎng)上購物必須保證用戶的正確性、 購物的安全性，需要對用戶資料進行 有效的管理，因此用戶管理是電子商務(wù)網(wǎng)站的重要內(nèi)容。它主要包括用戶注冊、 登錄和驗證、用戶注冊資料的修改更新和用戶注銷等功能。 1、會員注冊 (1)實現(xiàn)目標(biāo) 用戶單擊注冊后需要輸入會員登錄名，性別，密碼，重復(fù)密碼，真實姓名， 密碼提示問題，提示問題答案，電話，Email地址，所在城市，住址，郵編，注 冊日期。用戶只須填寫一個 Web表單。這里需要用戶通過 E_mail注冊是考慮到 兩點：第一，用戶的E_mail是惟一的；第二，通

2、過用戶的 E_mail可以很方便快 捷的與用戶取得聯(lián)系。用戶在提交注冊信息后，系統(tǒng)會對注冊頁面填寫的正確性 進行檢查。對于不符合要求的填寫會給出必要的提示，并返回修改；對于符合要 求的注冊表單，用戶提交信息后也要返回相應(yīng)的歡迎信息， 用戶提交的正確注冊 信息將被存入系統(tǒng)的數(shù)據(jù)庫中。 界面的設(shè)計如圖5-2所示。 圖5-2用戶注冊模塊 (2)實現(xiàn)過程 所屬頁面名：Register.aspx 頁面設(shè)計如表5-1所示。 表5-1用戶注冊主要控件信息列表 名稱 類型 含義 Log inN ame TextBox 輸入會員登錄名 Test Butt on 檢測會員名 Sex DropDow nList 選

3、擇性別 Pwd TextBox 輸入密碼 SecPwd TextBox 輸入重復(fù)密碼 TName TextBox 輸入真實姓名 QuePwd DropDow nList 選擇密碼問題 An sPwd TextBox 輸入密碼提示答案 Tel TextBox 輸入電話 Email TextBox 輸入Email City DropDow nList 選擇城市 Address TextBox 輸入住址 PostCode TextBox 輸入郵編 Register Butt on 注冊 Cancel Butt on 重置 2、用戶登錄 (1)用戶登錄程序流程描述 當(dāng)用戶輸入用戶名和密碼后首先要進行身

4、份驗證，如果用戶存在，則成功登 錄，反之，如果用戶不存在，提示錯誤信息“輸入的用戶名或密碼不存在，請重 新輸入”，返回登錄界面重新輸入用戶名和密碼。 用戶登錄的程序流程圖如圖5-3 所示。 (2)實現(xiàn)目標(biāo) 對于本系統(tǒng)的購物過程而言，在用戶瀏覽商品時，可以不進行登錄，只有在 使用購物車時，才需要登錄，以完成整個購物過程。用戶登錄用于驗證用戶的用 戶名和密碼，然后決定顧客進入系統(tǒng)進行操作，如進行用戶修改的操作，購物車 和結(jié)賬的操作等。 圖5-3用戶登錄程序流程圖 (3)實現(xiàn)過程 所屬頁面名： MemberLog in. ascx 登錄驗證的代碼設(shè)計見附錄2。 表5-2用戶登錄主要控件信息列表 名稱

5、 類型 含義 MName TextBox 輸入用戶名 MPwd TextBox 輸入密碼 Login ImageButt on 登錄 Register Lin kButton 注冊 Fin dpwd Lin kButton 找回密碼 3、修改個人信息 (1)實現(xiàn)目標(biāo) 已注冊的用戶只要登錄本系統(tǒng)后便可以通過單擊菜單會員管理中的修改個 人信息進行用戶修改操作，在此頁面中用戶可以更改自己的詳細信息， 如可以修 改密碼、修改Email地址等個人信息。通過點擊修改按鈕完成修改操作。界面的 設(shè)計如圖5-4所示。 圖5-4用戶修改模塊 (2)實現(xiàn)過程 所屬頁面名：EditMl nfo.aspx 修改個人信息

6、頁面的控件信息同會員注冊頁面的控件信息基本一樣。 4、購物車模塊的設(shè)計與實現(xiàn) (1) 購物車程序流程描述 用戶選購商品后添加到購物車中，在購物車中進行查看，同時對不滿意的商 品可以進行刪除，對要購買的商品可以調(diào)整數(shù)量，移除商品和清空商品。用戶決 定購買商品后可以點擊結(jié)賬，填寫收貨人信息，選擇支付方式。購物車流程圖如 圖5-5所示。 (2) 實現(xiàn)目標(biāo) 用戶購買商品的核心功能是購物車和訂單提交。 購物車模塊的設(shè)計包括：顧 客添加商品到購物車和顧客對購物車的管理， 如更新購買的女性商品數(shù)量、清空 購物車和將購物車中女性商品從購物車中移除等。購物車要具有持續(xù)性，而且不 限制用戶購買女性商品的數(shù)量，也就

7、是購物車可以顯示很多女性商品。 界面的設(shè) 計如圖5-6所示。 開始 是 1 F 結(jié)帳 L 結(jié)束 圖5-5購物車程序流程圖 (3 )實現(xiàn)過程 所屬頁面名：Shopp in g.aspx 頁面設(shè)計如表5-3所示。 表5-3購物車主要控件列表 名稱 類型 含義 gvOrderl nfo GridView 顯示購買商品的信息 KeepBuy HyperL ink 繼續(xù)購物商品 Check Lin kButt on 結(jié)賬 Money Label 顯示合計金額 Clear Lin kButt on 清空購物車 在購物車頁面中，主要包括兩部分：購物清單和對購物車操作的功能按鈕。 其中購物清單列出了購物車中所

8、有商品的情況，包括商品的單價和總價錢。對購 物車的操作按鈕主要就是“繼續(xù)購買”和“結(jié)賬”。當(dāng)點擊繼續(xù)購買時鏈接到 Goods In fo.aspx頁面，在這個頁面可能查看商品的詳細信息，進而選擇自己所要 購買的商品；點擊結(jié)賬，有時您余額不足，可以直點擊菜單會員管理中的會員充 值，充值成功之后，繼續(xù)進行，進入我的購物車，再點擊結(jié)賬，進入dingdan.aspx 頁面填寫收貨人信息，之后進入支付方式界面，最后彈出一個成功購買商品的界 面。界面的設(shè)計如圖5-7、圖5-8、圖5-9所示的三幅圖。 圖5-6實現(xiàn)購物車界面 圖5-7實現(xiàn)會員充值界面 A云丿弓去A目* r bCl： _ ij!ig4 VLJiHNJrifW “ ffi VI nwc Till W41I Asrsi TlTi flrOWi 甘Md . H - 厳目怦理: 尸怯舊胡：2QOTL1W -宀 Adcfli j訓(xùn) 圖5-13 實現(xiàn)賬目處理界面 4 、訂單管理 后臺生成的訂單是這個用戶買的所有商品的生成的一張訂單。界面如圖5-14 所示。 圖5-14實現(xiàn)訂單管理界面 5、上傳