- ASP.NET項目開發(fā)全程實錄(第4版)
- 明日科技
- 1988字
- 2019-12-06 12:04:41
2.3 系統(tǒng)設(shè)計
2.3.1 系統(tǒng)目標
對于典型的數(shù)據(jù)庫管理系統(tǒng),尤其是51電子商城網(wǎng)站這樣數(shù)據(jù)流量比較大的網(wǎng)絡(luò)管理系統(tǒng),必須要滿足使用方便、操作靈活等設(shè)計需求。本系統(tǒng)在設(shè)計時應(yīng)該滿足以下目標:
界面設(shè)計美觀友好,操作簡便。
全面、分類展示商城內(nèi)所有商品。
顯示商品的詳細信息,方便顧客了解商品信息。
查看商城內(nèi)的交易信息。
設(shè)置靈活的打印功能。
對用戶輸入的數(shù)據(jù),系統(tǒng)地進行嚴格的數(shù)據(jù)檢驗,盡可能排除人為錯誤。
提供新品上市公告,方便顧客及時了解相關(guān)信息。
提供網(wǎng)站留言功能。
提供網(wǎng)上在線支付功能。
系統(tǒng)最大限度地實現(xiàn)易維護性和易操作性。
系統(tǒng)運行穩(wěn)定、安全可靠。
2.3.2 系統(tǒng)流程圖
51電子商城網(wǎng)站流程圖如圖2.2所示。

圖2.2 51電子商城網(wǎng)站流程圖
2.3.3 系統(tǒng)功能結(jié)構(gòu)
為了使讀者能夠更清楚地了解網(wǎng)站的結(jié)構(gòu),下面給出電子商務(wù)網(wǎng)站的前臺功能模塊結(jié)構(gòu)圖和后臺功能模塊結(jié)構(gòu)圖。
51電子商城網(wǎng)站前臺管理系統(tǒng)功能設(shè)計如圖2.3所示。

圖2.3 51電子商城網(wǎng)站前臺管理系統(tǒng)功能設(shè)計
51電子商城網(wǎng)站后臺管理系統(tǒng)功能設(shè)計如圖2.4所示。

圖2.4 51電子商城網(wǎng)站后臺管理系統(tǒng)功能設(shè)計
2.3.4 系統(tǒng)預(yù)覽
51電子商城網(wǎng)站由多個Web頁面組成,下面僅列出幾個典型頁面,其他頁面參見資源包中的源程序。
網(wǎng)站首頁如圖2.5所示,在其中展示出了商城推薦商品、熱門商品等,并提供商品分類導(dǎo)航等信息。網(wǎng)站購物流程頁面如圖2.6所示,能夠讓用戶清楚地了解在本網(wǎng)站購物的全過程。
網(wǎng)站購物車頁面如圖2.7所示,通過該頁面網(wǎng)站會員可以詳細了解和處理購物信息。網(wǎng)站后臺頁面如圖2.8所示,主要包括訂單管理、用戶管理等。

圖2.5 網(wǎng)站首頁(資源包\TM\02\B2C\B2C\Default.aspx)

圖2.6 網(wǎng)站購物流程頁面(資源包\TM\02\B2C\B2C\buyFlow.aspx)

圖2.7 網(wǎng)站購物車頁面(資源包\TM\02\B2C\B2C\shopCart.aspx)

圖2.8 網(wǎng)站后臺訂單頁面(資源包\TM\02\B2C\B2C\AdminIndex.aspx)
2.3.5 構(gòu)建開發(fā)環(huán)境
1. 網(wǎng)站開發(fā)環(huán)境
網(wǎng)站開發(fā)環(huán)境:Microsoft Visual Studio 2017。
網(wǎng)站開發(fā)語言:ASP.NET+C#。
網(wǎng)站后臺數(shù)據(jù)庫:SQL Server 2014。
開發(fā)環(huán)境運行平臺:Windows 7/ Windows 10。
2. 服務(wù)器端
操作系統(tǒng):Windows 7。
Web服務(wù)器:IIS 6.0以上版本。
數(shù)據(jù)庫服務(wù)器:SQL Server 2014。
瀏覽器:Chrome瀏覽器、Firefox瀏覽器。
網(wǎng)站服務(wù)器運行環(huán)境:Microsoft .NET Framework SDK v4.5。
3. 客戶端
瀏覽器:Chrome瀏覽器、Firefox瀏覽器。
分辨率:最佳效果1280×800像素或更高。
2.3.6 數(shù)據(jù)庫設(shè)計
1. 數(shù)據(jù)庫概要說明
從讀者角度出發(fā),為了使讀者對本系統(tǒng)后臺數(shù)據(jù)庫中的數(shù)據(jù)表有一個更清晰的認識,筆者在此特別設(shè)計了一個數(shù)據(jù)表樹形結(jié)構(gòu)圖,該結(jié)構(gòu)圖中包括系統(tǒng)中所有的數(shù)據(jù)表,如圖2.9所示。
2. 數(shù)據(jù)庫概念設(shè)計
通過對網(wǎng)站進行需求分析、網(wǎng)站流程設(shè)計以及系統(tǒng)功能結(jié)構(gòu)的確定,規(guī)劃出系統(tǒng)中使用的數(shù)據(jù)庫實體對象分別為商品類型、商品信息、商品訂單、訂單詳細和管理員信息實體。
為了使用戶在網(wǎng)上購物時,能夠按照自己所需要的商品類別進行選購,就需要將所列商品劃分類別。商品類型的實體E-R圖如圖2.10所示。

圖2.9 數(shù)據(jù)表樹形結(jié)構(gòu)圖

圖2.10 商品類型的實體E-R圖
對于網(wǎng)上商城所展示的商品,為了使消費者詳細了解商品,應(yīng)將商品所有相關(guān)信息都展示出來。商品信息實體E-R圖如圖2.11所示。

圖2.11 商品信息實體E-R圖
當消費者選購好商品放入購物車后,如果不再繼續(xù)購物,便可以前往服務(wù)臺,進行選擇商品運輸方式等相關(guān)操作,然后提交訂單,最后進行在線支付。商品訂單實體E-R圖如圖2.12所示。

圖2.12 商品訂單實體E-R圖
當用戶提交完商品訂單后,需要進一步了解所購買商品的信息,如所購商品的金額、數(shù)量、訂單號等。訂單詳細實體E-R圖如圖2.13所示。

圖2.13 訂單詳細實體E-R圖
在網(wǎng)站的維護過程中,管理員的角色最為重要。本網(wǎng)站管理員信息實體E-R圖如圖2.14所示。

圖2.14 管理員信息實體E-R圖
3. 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計
在設(shè)計完數(shù)據(jù)庫實體E-R圖之后,需要根據(jù)實體E-R圖設(shè)計數(shù)據(jù)表結(jié)構(gòu)。下面列出本程序中應(yīng)用的主要數(shù)據(jù)表結(jié)構(gòu),其他數(shù)據(jù)表可參見本書附帶的資源包。
(1)tb_Admin(管理員信息表)
表tb_Admin用于保存管理員的基本信息,如圖2.15所示。
(2)tb_Class(商品類型表)
表tb_Class用于保存商品類別的基本信息,如圖2.16所示。

圖2.15 tb_Admin管理員信息表

圖2.16 商品類型表
(3)tb_Detail(訂單詳細表)
表tb_Detail用于存儲訂單中商品的詳細信息,如圖2.17所示。

圖2.17 訂單詳細表
(4)tb_BookInfo(商品信息表)
表tb_BookInfo用于保存商品的基本信息。在商品信息表(tb_BookInfo)中,ClassID字段是用來確定該商品所屬類別的ID代號,與商品類別表(tb_Class)的主鍵ClassID相對應(yīng),如圖2.18所示。

圖2.18 商品信息表
(5)tb_OrderInfo(商品訂單表)
表tb_OrderInfo用于保存用戶購買商品生成的訂單信息。在商品訂單表(tb_OrderInfo)中,IsConfirm用來標識訂單是否被確認,即在送貨之前,確認一下收貨人的情況,主要通過電話來聯(lián)系;當確認完后,開始發(fā)送貨物,發(fā)送貨物狀態(tài)用IsSend字段來表示;貨物是否交到用戶手中,用ISEnd字段來表示。從確認到貨物移交到用戶手中的每一步,都需要一個跟單員,其中跟單員ID代號用字段AdminID來表示,該字段與管理員信息表(tb_Admin)中的主鍵AdminID相對應(yīng),如圖2.19所示。
(6)tb_Member(會員信息表)
表tb_Member主要用來存儲注冊會員的基本信息,包括登錄名、密碼、真實姓名等,如圖2.20所示。

圖2.19 商品訂單表

圖2.20 會員信息表
2.3.7 文件夾組織結(jié)構(gòu)
為了便于讀者對本網(wǎng)站的學(xué)習(xí),在此筆者將網(wǎng)站文件的組織結(jié)構(gòu)展示出來,如圖2.21所示。

圖2.21 網(wǎng)站文件組織結(jié)構(gòu)圖
- Learn pfSense 2.4
- 云計算導(dǎo)論:概念 架構(gòu)與應(yīng)用
- Axure RP 原型設(shè)計實踐(Web+APP)
- IP語音通信原理、設(shè)計及組網(wǎng)應(yīng)用
- P2P網(wǎng)絡(luò)測量與分析
- CSS3網(wǎng)頁設(shè)計從入門到精通(微課精編版)
- 思科軟件定義訪問:實現(xiàn)基于業(yè)務(wù)意圖的園區(qū)網(wǎng)絡(luò)
- 深入淺出Vue.js
- 云計算數(shù)據(jù)中心規(guī)劃與設(shè)計
- 智慧網(wǎng)絡(luò)協(xié)同組織機理
- 萬億級流量轉(zhuǎn)發(fā):BFE核心技術(shù)與實現(xiàn)
- 云原生:運用容器、函數(shù)計算和數(shù)據(jù)構(gòu)建下一代應(yīng)用
- Elasticsearch搜索引擎開發(fā)實戰(zhàn)
- Axure RP8.0產(chǎn)品原型設(shè)計與制作實戰(zhàn)
- FastAPI Web開發(fā)入門、進階與實戰(zhàn)