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

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

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

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

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

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

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

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

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